@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');

.l-footer__topText{
    display: none;
}

.union_banner{
    max-height: 450px;
}

@media screen and (max-width: 900px)
{
    .union_banner{
        width: 100%;
    }
}

.banner_wrapper{
    text-align: center;
    margin-bottom: 5rem;
}

/*.l-footer__listTitle:first-child*/
/*{*/
/*    display: none;*/
/*}*/
html,
body
{
    font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, '游ゴシック体', YuGothic, Yu Gothic, 'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif;
}

html
{
    font-size: 10px;

    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body
{
    word-break: break-all;

    color: #5d5d5d;

    overflow-wrap: break-word;
}

html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
figure,
p,
section,
header,
input,
a,
textarea
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a
{
    text-decoration: none;

    color: #5d5d5d;
}

li
{
    list-style: none;
}

h1,
h2,
h3,
h4,
h5
{
    font-size: 16px;
}

img
{
    vertical-align: bottom;
}

input
{
    color: #5d5d5d;
    border-style: none;
}
input:focus
{
    outline: 0;
}

input[type=submit],
button
{
    -webkit-appearance: none;
}

select::-ms-expand
{
    display: none;
}

select
{
    overflow: hidden;

    white-space: nowrap;
}

input::placeholder,
textarea::placeholder
{
    color: #ccc;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder
{
    color: #ccc;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder
{
    color: #ccc;
}

.w-announce
{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 15px;
}
.w-content .w-flex .w-flex--top {
    display: none;
}

.w-contentBox
{
    font-size: 1.6rem;

    overflow: hidden;

    margin: 10px;
    padding: 15px;

    color: #5d5d5d;
    border: solid 1px #f6f6f6;
    box-shadow: 5px 5px #f6f6f6;
}

/* CLOSING - 2020.04.21 */
.columnRegist,
.p-column__conv,
.w-contentWrap--30 a:nth-child(1) > img,
.w-contentWrap--30 a:nth-child(2) > img,
.w-contentWrap--30 a:nth-child(3) > img,
.w-contentWrap--30 a:nth-last-child(8),
.w-contentWrap--30 a:nth-last-child(9),
.w-contentWrap--30 div:nth-child(4),
.l-content .w-content.w-flex.w-flex--top div.o-headLine:nth-child(-n+3),
.l-content .w-content.w-flex.w-flex--top ul.o-contentList:nth-child(-n+4),
.p-home__heroContent.o-heroContent.o-heroContent--white,
.actionBtn.actionBtn--orange.l-header__loginBtn,
.l-header__topRight,
.chatBot {
    /*	display: none !important;*/
}
.chatBot,
.w-contentWrap--30 a:nth-child(1) > img,
.w-contentWrap--30 a:nth-child(2) > img {
    display: none !important;
}

.atomlink {
    display: block;
}
.sideAtom {
    margin: 0;
}
@media screen and (max-width: 1024px)
{
    .atomlink {
        display: none;
    }
    .sideAtom {
        margin: 0 10px;
    }
}
@media screen and (max-width: 900px)
{
    .w-contentBox--mq
    {
        margin: 0;
        padding: 0;

        border: 0;
        box-shadow: 0;
    }
}

.w-contentBox--harf
{
    width: calc(50% - 20px);
}
@media screen and (max-width: 900px)
{
    .w-contentBox--harf
    {
        width: 100%;
    }
}

.w-contentWrap
{
    display: block;
}

.w-contentWrap--half
{
    width: 50%;
}

.w-contentWrap--30
{
    width: 25%;
}
@media screen and (max-width: 900px)
{
    .w-contentWrap--30
    {
        width: 100%;
    }
}

.w-contentWrap--70
{
    width: 75%;
}
@media screen and (max-width: 900px)
{
    .w-contentWrap--70
    {
        width: 100%;
    }
}

.w-default
{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.w-flex
{
    display: flex;

    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w-flex--top
{
    align-items: flex-start;
}

.w-flex--right
{
    flex-direction: row-reverse;
}

.w-flex__1
{
    text-align: center;

    flex-basis: 10%;
}

.w-flex__1-5
{
    text-align: center;

    flex-basis: 15%;
}

.w-flex__2
{
    text-align: center;

    flex-basis: 20%;
}

.w-flex__2--left
{
    text-align: left;

    flex-basis: 20%;
}

.w-flex__5
{
    text-align: center;

    flex-basis: 45%;
}

.w-flex__7
{
    text-align: center;

    flex-basis: 70%;
}

.w-flex__7--left
{
    text-align: left;

    flex-basis: 70%;
}

.w-flex--noWrap
{
    flex-wrap: nowrap;
}

.w-flex--noStretch
{
    flex-shrink: 0;
}

.w-flex--base
{
    align-items: normal;
}

.w-modalBg
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100vh;

    background: rgba(0, 0, 0, .2);
}

.w-qModal
{
    font-weight: normal;

    position: relative;

    width: 100%;
    max-width: 400px;
    margin: 10vh auto 0 auto;
    padding: 15px;

    color: #5d5d5d;
    background: #fff;
}

.actionBtn
{
    font-size: 1.5rem;
    font-weight: bold;

    display: block;

    width: 100%;
    max-width: 500px;
    margin: 10px auto;
    padding: 8px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    border-radius: 4px;
    background: #1cc2d0;
}

.actionBtn__cvArea
{
    font-size: 1.5rem;
    font-weight: bold;

    width: 49%;
    margin: 10px auto;
    margin: 0;
    padding: 8px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    border-radius: 4px;
    background: #1cc2d0;
}

.actionBtn--orange
{
    margin: 0;

    background: #ff9723;
}
.actionBtn--orange:hover
{
    background: #ff8702;
}

.actionBtn--white
{
    color: #1cc2d0;
    background: #fff;
}

.actionBtn--gray
{
    color: #fff;
    background: #5d5d5d;
}

.actionBtn--border
{
    color: #1cc2d0;
    border: solid 2px #1cc2d0;
    background: #fff;
}
.actionBtn--border:hover
{
    color: #fff;
    background: #1cc2d0;
}

.actionBtn--simple
{
    font-weight: 100;

    display: inline-block;

    width: auto;
    margin: 0;
    padding: 2px 4px;

    color: #1cc2d0;
    border: solid 1px #1cc2d0;
    border-radius: 0;
    border-radius: 2px;
    background: rgba(28, 194, 208, .2);
}
.actionBtn--simple:hover
{
    background: rgba(28, 194, 208, .4);
}

.actionBtn--simple--sm
{
    font-weight: 100;

    width: 30px;
    margin: 0;
    margin-left: 5px;
    padding: 2px 4px;

    color: #1cc2d0;
    border: solid 1px #1cc2d0;
    border-radius: 2px;
    background: rgba(28, 194, 208, .2);
}
.actionBtn--simple--sm:hover
{
    background: rgba(28, 194, 208, .4);
}

.actionBtn--toolBtn
{
    display: inline-block;

    width: auto;
    margin: 0;
    padding: 6.5px;

    border-radius: 2px;
}

.actionBtn--flexEnd
{
    margin-left: auto;
}

.actionBtn--linkBtn
{
    font-size: 1.2rem;

    display: inline-block;

    width: auto;
    margin: 0;
    margin-left: 12px;
    padding: 2px 4px;

    color: #737373;
    border-radius: 2px;
    background-color: #c1c1c1;
}

.actionBtn--back
{
    background-color: #c3c3c3;
}

.actionBtn--detailed
{
    font-weight: normal;

    display: block;

    margin: auto;

    text-align: center;

    border-radius: 4px;
}

.actionBtn--cancel
{
    color: #9a9a9a;
    border: solid 1px #9a9a9a;
    background: white;
}
.actionBtn--cancel:hover
{
    background: #ececec;
}

.action--right
{
    float: right;
}

.action--left
{
    float: left;
}

.actionBtn--bigCVBtn
{
    font-size: 2.4rem;

    margin: 0;
    padding: 12px 0;

    border-bottom: solid 4px #bd6204;
    border-radius: 8px;
    background: #ff9723;
}
.actionBtn--bigCVBtn:hover
{
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    /*影を小さく*/

    border-bottom: none;
    /*下に動く*/
    box-shadow: 0 0 1px rgba(0, 0, 0, .2);
}
@media screen and (max-width: 900px)
{
    .actionBtn--bigCVBtn
    {
        font-size: 1.6rem;

        width: 80%;
    }
}

.bigSearch
{
    display: block;
    display: flex;

    max-width: 500px;
    margin: 0 auto;

    border-radius: 8px;
    background: #fff;

    justify-content: space-between;
}
@media screen and (max-width: 900px)
{
    .bigSearch
    {
        width: 80%;
    }
}

.bigSearch__box
{
    font-size: 2rem;

    display: inline-block;

    width: 80%;
    height: 65px;
    padding: 8px;

    vertical-align: top;

    border-radius: 8px 0 0 8px;
    background: #fff;
}
@media screen and (max-width: 900px)
{
    .bigSearch__box
    {
        font-size: 1.6rem;

        height: 50px;
    }
}

.bigSearch__btn
{
    display: inline-block;

    width: 20%;
    height: 50px;
    padding: 8px;

    vertical-align: top;

    border-radius: 0 8px 8px 0;
    background: #fff;
}

.check_box input[type=checkbox]
{
    width: 20px;
    height: 20px;

    vertical-align: middle;
}

.checkboxItem
{
    margin-right: 8px;
    margin-bottom: 20px;

    text-align: center;

    flex-basis: 20%;
}
@media screen and (max-width: 900px)
{
    .checkboxItem
    {
        flex-basis: 46%;
    }
}

.checkboxItem--sm
{
    flex-basis: 11%;
}
@media screen and (max-width: 900px)
{
    .checkboxItem--sm
    {
        flex-basis: 20%;
    }
}

.checkboxItem__box
{
    cursor: pointer;

    border: 2px solid white;
}

.checkboxItem__box--gray
{
    padding: 8px;

    cursor: pointer;

    border: 2px solid white;
    border-radius: 4px;
    background-color: #f6f6f6;
}
@media screen and (min-width: 900px)
{
    .checkboxItem__box--gray:hover
    {
        border: 2px solid #1cc2d0;
    }
}

.checkboxItem__selected
{
    border: 2px solid #1cc2d0;
    border-radius: 4px;
}

.checkboxItem--min
{
    position: relative;

    margin-right: 8px;
    margin-bottom: 8px;
    padding-left: 20px;

    cursor: pointer;
}
.checkboxItem--min:before
{
    position: absolute;
    top: 4px;
    left: 0;

    display: block;

    width: 15px;
    height: 15px;

    content: '';

    border: 1px solid #999;
    border-radius: 4px;
}

.check_subbox:checked
{
    color: #1cc2d0;
}

.check_subbox--selected
{
    color: #1cc2d0;
}

.check_subbox:checked + .checkboxItem--min::after
{
    position: absolute;
    top: 0;
    left: 5px;

    display: block;

    width: 7px;
    height: 14px;

    content: '';
    transform: rotate(40deg);

    border-right: 3px solid #1cc2d0;
    border-bottom: 3px solid #1cc2d0;
}

.js-checkboxItem--min::after
{
    position: absolute;
    top: 0;
    left: 5px;

    display: block;

    width: 7px;
    height: 14px;

    content: '';
    transform: rotate(40deg);

    border-right: 3px solid #1cc2d0;
    border-bottom: 3px solid #1cc2d0;
}

.js-display
{
    display: none;
}

.radio_subbox:checked
{
    color: #1cc2d0;
}

.radio_subbox--selected
{
    color: #1cc2d0;
}

.radioboxItem--min
{
    position: relative;

    margin-right: 12px;
    padding-left: 20px;
}
.radioboxItem--min:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 15px;
    height: 15px;

    content: '';

    border: 1px solid #999;
    border-radius: 50%;
}

.radio_subbox:checked + .radioboxItem--min::after
{
    position: absolute;
    top: 3px;
    left: 3px;

    display: block;

    width: 11px;
    height: 11px;

    content: '';

    border-radius: 50%;
    background: #1cc2d0;
}

.js-radioboxItem--min::after
{
    position: absolute;
    top: 3px;
    left: 3px;

    display: block;

    width: 11px;
    height: 11px;

    content: '';

    border-radius: 50%;
    background: #1cc2d0;
}

.comment
{
    font-size: 1.3rem;
}

.content
{
    font-size: 1.3rem;
}

.err
{
    border-bottom: solid 2px #ff7272 !important;
}

.no-required
{
    border-bottom: solid 2px #d8d8d8 !important;
}

.fontWeight--normal
{
    font-weight: normal;
}

.fontWeight--bold
{
    font-weight: bold;
}

.fontSize--normal
{
    font-size: 1.6rem;
}

.fontSize--small
{
    font-size: 1.2rem;
}

.fontSize--big
{
    font-size: 1.8rem;
}

.guestMenu
{
    display: none;
}
.guestMenu span
{
    display: block;

    width: 35px;
    height: 5px;
    margin-top: 6px;
    margin-bottom: 5px;

    background: #1cc2d0;
}
@media screen and (max-width: 900px)
{
    .guestMenu
    {
        display: block;
    }
}

.headLine
{
    font-size: 1.8rem;
    font-weight: bold;
}
.headLine a
{
    color: #1cc2d0;
}

.headLine--middle
{
    font-size: 2.4rem;
}

.headLine--center
{
    text-align: center;
}

.headLine--thanks
{
    font-size: 3rem;

    text-align: center;

    color: #1cc2d0;
}

.headLine--section
{
    margin: 20px 0;
}

.headLine.js-displayNone
{
    display: none;
}

.headLine.js-displayAppear
{
    display: block;
}

.icon
{
    width: 16px;
    height: 16px;

    fill: #1cc2d0;
}

.icon--close
{
    text-align: right;
}

.icon--facebook,
.icon--hatena,
.icon--twitter,
.icon--pocket
{
    width: 30px;
    height: 30px;
}

.icon--twitter
{
    fill: #00aced;
}

.icon--facebook
{
    fill: #305097;
}

.icon--hatena
{
    fill: #049fd7;
}

.icon--pocket
{
    fill: #e7354a;
}

.icon--link
{
    width: 14px;
    height: 14px;
    margin: auto;

    vertical-align: bottom;

    fill: #737373;
}

.icon--crown
{
    margin-top: 3px;
}

.image
{
    width: 100%;
    height: 50%;
    min-height: 150px;

    background: #f2f2f2;
    background-position: center;
    background-size: cover;
}

.image--small
{
    width: 100px;
    height: 100px;
    min-height: 100px;
}

.inputText
{
    font-size: 1.6rem;

    display: inline-block;

    width: 100%;
    max-width: 500px;
    padding: 4px;

    border-bottom: solid 2px #1cc2d0;
    background: none;
}

.inputText--allBorder
{
    height: 35px;

    border: solid 2px #fff;
    border-radius: 4px;
    background: rgba(255, 255, 255, .3);
}
.inputText--allBorder::placeholder
{
    color: #fff;
}

.inputText--simple
{
    height: 35px;

    vertical-align: top;

    border: solid 1px #eee;
    background: #fff;
}

.inputText--simple--sm
{
    width: 20%;
    height: 35px;

    border: solid 1px #eee;
    background: #fff;
}
@media screen and (max-width: 900px)
{
    .inputText--simple--sm
    {
        width: 150px;
    }
}

.inputText--simple--ymd
{
    width: 80px;
    height: 35px;

    border: solid 1px #eee;
    background: #fff;
}

.inputText--Sm
{
    width: 200px;
}
@media screen and (max-width: 900px)
{
    .inputText--Sm
    {
        width: 150px;
    }
}
.inputText--Sm.js-addBorder
{
    border: solid 2px #ff7272;
}

.inputText--w100
{
    width: 100%;
}

.link
{
    font-size: 1.5rem;

    color: #1cc2d0;
}
.link:hover
{
    text-decoration: underline;
}

.link--block
{
    display: block;
}

.link--margin-left
{
    margin-left: 8px;
}

.link--tag
{
    font-size: 1.5rem;

    display: inline-block;

    margin: 0 8px;

    color: #1b95e0;
}
.link--tag:hover
{
    text-decoration: underline;
}

.link--white
{
    color: white;
}

.loginMenu
{
    display: flex;

    cursor: pointer;
}

.logo img
{
    width: auto;
    height: 30px;
}

.mainCase__text
{
    width: calc(100% - 200px);
}

.mainCase__flg
{
    width: 100px;
    margin-left: 5px;

    text-align: center;
}

.mainCase__flg--ymd
{
    margin-left: 5px;

    text-align: center;
}

.mainCase__square
{
    width: 50px;
    margin-right: 5px;

    text-align: center;

    border: solid 1px #eee;
}
@media screen and (max-width: 900px)
{
    .mainCase__square
    {
        width: 35px;
    }
}

.mediaQueryMq
{
    display: none;
}
@media screen and (max-width: 900px)
{
    .mediaQueryMq
    {
        display: block;
    }
}

.mediaQueryPc
{
    display: block;
}
@media screen and (max-width: 900px)
{
    .mediaQueryPc
    {
        display: none;
    }
}

.name
{
    font-size: 1.4rem;
    font-weight: bold;
}

.paging
{
    font-weight: bold;

    display: flex;

    padding: 4px;

    flex-wrap: wrap;
    justify-content: center;
}

.paging__item
{
    display: inline-block;
}
.paging__item a
{
    font-size: 1.3rem;

    display: inline-block;
    display: block;

    width: 40px;
    height: 40px;
    margin-top: 4px;
    margin-right: 15px;
    padding-top: 10px;

    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    text-align: center;

    color: #1cc2d0;
    border-radius: 4px;
    background: #f6f6f6;
}
.paging__item a:hover
{
    margin-top: 0;

    color: #fff;
    background: #1cc2d0;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, .03);
}

.paging__item--current a
{
    color: #fff;
    background: #1cc2d0;
}

.threeDots
{
    position: relative;

    width: 40px;
}
.threeDots:after
{
    font-size: 2rem;
    font-weight: bold;

    position: absolute;
    top: 25%;

    content: '…';
}

.required_item
{
    color: red;
}
.required_item:before
{
    content: '*';
}

.search .icon--search
{
    position: absolute;
    top: 50%;
    left: 95%;

    width: 30px;
    height: 30px;
    margin-left: -4px;

    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    /* Safari用 */
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 900px)
{
    .search .icon--search
    {
        width: 20px;
        height: 20px;
    }
}

.select
{
    font-size: 1.6rem;

    display: inline-block;

    width: 100%;
    max-width: 150px;
    height: 35px;
    padding: 4px;

    cursor: pointer;

    color: #5d5d5d;
    border-radius: 2px;
    background: rgba(255, 255, 255, .3);

    -webkit-appearance: button;
    appearance: button;
}

.select--simple
{
    color: #5d5d5d;
    border: solid 1px #eee;
    background: #fff;
}

.snsBigBtn
{
    font-size: 2.5rem;

    width: 49%;
    padding: 20px 10px;

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 1100px)
{
    .snsBigBtn
    {
        font-size: 1.8rem;

        padding: 10px;
    }
}
@media screen and (max-width: 900px)
{
    .snsBigBtn
    {
        display: block;
    }
}
.snsBigBtn .icon
{
    width: 30px;
    height: 30px;

    vertical-align: top;
}
@media screen and (max-width: 1100px)
{
    .snsBigBtn .icon
    {
        width: 20px;
        height: 20px;
    }
}

.snsBigBtn--mini
{
    font-size: 1.5rem;

    padding: 10px;
}
.snsBigBtn--mini .icon
{
    width: 20px;
    height: 20px;
}

.snsBigBtn--twitter
{
    background: #00aced;
}
.snsBigBtn--twitter .icon--twitter
{
    fill: #fff;
}

.snsBigBtn--facebook
{
    background: #305097;
}
.snsBigBtn--facebook .icon--facebook
{
    fill: #fff;
}

.stay
{
    font-size: 1.2rem;

    text-align: center;

    color: #ccc;
}

.subText
{
    font-size: 1.5rem;
}

.textArea
{
    font-size: 1.6rem;

    width: 100%;
    min-height: 100px;
    padding: 4px;

    border: solid 1px #eee;
    border-radius: 2px;
}

.textArea--low
{
    min-height: 35px;
}

.textArea--Bg
{
    height: 350px;
}

.timeSeries__year
{
    width: 50px;
    margin-right: 5px;
}

.timeSeries__month
{
    width: 30px;
    margin-right: 5px;
}

.timeSeries__day
{
    width: 30px;
    margin-right: 5px;
}

.timeSeries__text
{
    width: calc(100% - 200px);
}

.timeSeries__flg
{
    width: 30px;
    margin-left: 5px;
}

.userIcon
{
    display: inline-block;
    overflow: hidden;

    width: 30px;
    height: 30px;

    border-radius: 20px;
}
.userIcon img
{
    width: 100%;
}

.m-bigContentItem__headLine
{
    margin-bottom: 10px;
}

.m-bigContentItem__actionBtn
{
    margin-bottom: 10px;
}

.m-categoryItem
{
    display: block;

    width: 30%;
}
@media screen and (max-width: 900px)
{
    .m-categoryItem
    {
        width: 49%;
    }
}

.m-categoryItem__link
{
    display: block;

    margin-bottom: 30px;
    padding: 30px 0;

    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    text-align: center;

    border: solid 2px #1cc2d0;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .03);
}
.m-categoryItem__link:hover
{
    color: #fff;
    background: #1cc2d0;
}
@media screen and (max-width: 900px)
{
    .m-categoryItem__link
    {
        margin-bottom: 10px;
        padding: 4px;
    }
}

.m-commentItemRe
{
    font-size: 1.4rem;

    padding-left: 30px;

    border-bottom: solid 1px #f6f6f6;
}

.m-commentItemRe__name
{
    font-size: 1.6rem;

    width: 15%;
    min-width: 150px;
}

.m-commentItemRe__top
{
    padding: 10px;
}
.m-commentItemRe__top:after
{
    display: block;
    clear: both;

    content: '';
}

.m-commentItemRe__icon
{
    float: left;

    width: 30px;
    height: 30px;

    border-radius: 30px;
    background: #333;
}

.m-commentItemRe__name
{
    font-weight: bold;

    float: left;

    margin-left: 10px;
}

.m-commentItemRe__date
{
    float: right;
}

.m-commentItemRe__content
{
    padding: 10px;
}

.m-commentItemRe__file
{
    padding: 10px;
}

.m-commentItemRe__readStatus
{
    font-size: 1.2rem;

    float: right;
}

.m-commentItemRe__action
{
    padding: none;
    padding-bottom: 10px;
    padding-left: 10px;

    text-decoration: underline;

    color: #1cc2d0;
    border: none;
    background: none;
}

.m-commentItem
{
    font-size: 1.6rem;

    border-top: solid 1px #f6f6f6;
}

.m-commentItem__name
{
    font-size: 1.6rem;
    font-weight: bold;

    float: left;

    width: 25%;
    min-width: 150px;
    margin-left: 10px;
}

.m-commentItem__top
{
    padding: 10px;
}
.m-commentItem__top:after
{
    display: block;
    clear: both;

    content: '';
}

.m-commentItem__lawyerMark
{
    font-size: 1.3rem;

    display: inline-block;

    width: 22px;
    height: 22px;
    margin-top: 1px;
    padding-top: 1px;

    text-align: center;
    vertical-align: top;

    color: #1cc2d0;
    border: #1cc2d0 solid 2px;
    border-radius: 20px;
}

.m-commentItem__icon
{
    float: left;

    width: 30px;
    height: 30px;

    border-radius: 30px;
    background: #333;
}

.m-commentItem__date
{
    float: right;
}

.m-commentItem__content
{
    padding: 10px;
}
.m-commentItem__content a
{
    color: #1cc2d0;
}

.m-commentItem__file
{
    padding: 10px;
}

.m-commentItem__readStatus
{
    font-size: 1.2rem;

    float: right;
}

.m-commentItem__action
{
    padding: none;
    padding-bottom: 10px;
    padding-left: 10px;

    text-decoration: underline;

    color: #1cc2d0;
    border: none;
    background: none;
}

.m-commentItem__info
{
    font-size: 1.4rem;

    display: inline-block;

    padding: 4px;

    color: #fff;
    background: #1cc2d0;
}

.anchorLink
{
    color: #1cc2d0;
}

.m-contentItem
{
    position: relative;

    width: 23%;
    height: 340px;
    margin-bottom: 30px;
}

.eo-contentList {
	width: 100%;
}
.em-contentItem {
	height: 90px;
	min-height: 90px;
	width: 270px;
}
.em-contentItem__image {
	min-height: 90px;
}
.em-contentItem__imagesource {
	height: 90px;
	min-height: 90px;
	width: 270px;
}

@media screen and (max-width: 900px)
{
    .m-contentItem
    {
        width: 50%;
    }
    .eo-contentList {
        padding-left: 0 !important;
    }
    .em-contentItem {
        width: 100%;
        height: 120px;
        min-height: 120px;
        margin-bottom: 12px;
    }
    .em-contentItem__box {
        width: 100% !important;
    }
    .em-contentItem__imagesource {
        min-height: 120px;
        width: 100%;
    }
}

.m-contentItem__card
{
    font-size: 18px;
    font-weight: 700;

    position: relative;

    width: 450px;
    height: 80px;
    margin-bottom: 20px;

    transition: .3s ease-out;
    vertical-align: top;

    color: #fff;
    border-bottom: solid 4px #1cc2d0;
    border-radius: 4px;
    background: #1cc2d0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);

    -webkit-tap-highlight-color: transparent;
}
.m-contentItem__card a
{
    display: block;

    text-align: center;

    color: #fff;
}
.m-contentItem__card:before
{
    position: absolute;
    top: 50%;
    left: 5%;

    width: 10px;
    height: 10px;
    margin-top: -4px;

    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}
.m-contentItem__card:nth-child(odd)
{
    margin-right: 30px;
}
@media screen and (max-width: 1000px)
{
    .m-contentItem__card:nth-child(odd)
    {
        margin-right: 0;
    }
}

.m-contentItem__card__log
{
    padding-top: 15px;
}

.m-contentItem__step
{
    font-size: 1.2rem;

    position: absolute;
    top: 0;
    left: 0;

    padding: 5px;

    color: #fff;
    background: #00e88d;
}

.m-contentItem__step--stop
{
    background: #4493ff;
}

.m-contentItem__step--start
{
    background: #f13857;
}

.m-contentItem__step--end
{
    background: #464646;
}

.m-contentItem--mini
{
    position: static;

    width: 100%;
    height: auto;
}

.m-contentItem__box
{
    overflow: hidden;

    width: 95%;
    height: 100%;

    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;

    color: #5d5d5d;
    background: #fff;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .03);
}
.m-contentItem__box:hover
{
    margin: 2px 0 0 2px;

    background: #f6f6f6;
    box-shadow: none;
}

.m-contentItem__box--mini
{
    width: 100%;

    border: solid 1px #f6f6f6;
    box-shadow: none;
}
.m-contentItem__box--mini:hover
{
    margin: 0;
}

.m-contentItem__headLine
{
    font-size: 1.5rem;
}

.m-contentItem__headLine--mini
{
    font-size: 1.3rem;

    display: inline;
}

.m-contentItem__image
{
    position: relative;
}

.m-contentItem__imagesource
{
    height: 100%;
}

.m-contentItem__image--mini
{
    position: static;

    display: inline-block;

    width: 100%;
    height: 100px;
    min-height: 50px;
}

.m-contentItem__bottom
{
    padding: 8px;
}

.m-contentItem__victim
{
    font-size: 1.2rem;

    position: absolute;
    bottom: 0;
    left: 0;

    padding: 4px;

    border-radius: 0 4px 0 0;
    background: #fff;
}

.m-contentItem__victimNum
{
    font-size: 1.5rem;
    font-weight: bold;

    color: #1cc2d0;
}

.m-contentItem__damage
{
    font-size: 1.8rem;
    font-weight: bold;

    color: #1cc2d0;
}

.m-dataItem
{
    padding: 20px;

    background: #fff;
}
.m-dataItem:nth-child(even)
{
    background: #f6f6f6;
}

.m-dataItem--white:nth-child(even)
{
    background: #fff;
}

.m-dataListItem__name,
.m-dataListItem__content
{
    padding: 12px;
}

.m-dataItem--headLineBar
{
    padding: 10px 20px;

    color: #fff;
    background: #1cc2d0;
}

.m-dataItem__timeSeriesItem
{
    margin-bottom: 10px;
}

.m-dataItem__mainCaseItem
{
    margin-bottom: 10px;
}

.m-dataItem--border
{
    border-bottom: 1px solid #bbb;
}

.m-dataItem--reset input[type=radio],
.m-dataItem--reset input[type=checkbox]
{
    display: none;
}

.m-dataItem--reset label
{
    margin-bottom: 8px;
}

.m-heroContentItem
{
    width: 19%;
}

.m-heroContentItem--5
{
    width: 19%;
}

.m-likeBtn
{
    font-size: 1.2rem;
    font-weight: bold;

    position: fixed;
    top: 70vh;
    right: 0;

    padding: 30px 20px 30px 40px;

    text-align: center;

    border-radius: 100px 0 0 100px;
    background: rgba(255, 255, 255, .4);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
}
@media screen and (max-width: 900px)
{
    .m-likeBtn
    {
        top: auto;
        bottom: 0;

        width: 100%;
        padding: 2px;

        border-radius: 0;
    }
    .m-likeBtn .o-sns
    {
        display: inline-block;
    }
}
.m-likeBtn:hover
{
    background: #f6f6f6;
}
.m-likeBtn .icon--heart
{
    display: block;

    width: 50px;
    height: 50px;
    margin: 0 auto;

    fill: #f37;
}
@media screen and (max-width: 900px)
{
    .m-likeBtn .icon--heart
    {
        display: inline-block;

        width: 30px;
        height: 30px;
        margin-right: 20px;
    }
}

.m-likeBtn__heart
{
    position: relative;
}

.m-likeBtn__count
{
    position: absolute;
    top: 0;
    right: 0;

    min-width: 15px;
    height: 15px;

    text-align: center;

    color: #fff;
    border-radius: 10px;
    background: #1cc2d0;
}
@media screen and (max-width: 900px)
{
    .m-likeBtn__count
    {
        right: 14px;
    }
}

@media screen and (max-width: 900px)
{
    .m-likeBtn__text
    {
        display: none;
    }
}

.m-navItem
{
    background: #fff;
}

.m-navItem__link
{
    font-size: 1.4rem;

    display: block;

    padding: 14px;
}
.m-navItem__link:hover
{
    background: #f6f6f6;
}

.m-newsItem
{
    margin-bottom: 10px;
}

.m-newsItem--read
{
    margin-bottom: #999;
}
.m-newsItem--read .m-newsItem__link
{
    margin-bottom: #999;
}

.m-newsItem__link
{
    margin-left: 5px;
}

.m-rankingItem
{
    margin: 0 10px;
    padding: 10px 0;

    border-bottom: solid 1px #f6f6f6;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-rankingItem__img
{
    position: relative;

    display: inline-block;

    width: 50px;
    height: 50px;

    background-size: cover !important;
}

.m-rankingItem__num
{
    line-height: 1;

    position: absolute;
    top: 0;
    left: 0;

    width: 15px;
    height: 15px;
    padding: 3px;

    text-align: center;

    color: #fff;
    background: #1cc2d0;
}

.m-rankingItem__link
{
    font-size: 1.4rem;

    display: inline-block;

    width: calc(100% - 50px);
    padding-left: 5px;
}

.m-snsItem
{
    display: inline-block;

    margin: 5px 5px 5px 0;

    vertical-align: top;
}

.m-statusBarItem
{
    position: relative;

    display: inline-block;

    margin-right: 10px;
    padding: 10px;

    color: #1cc2d0;
    border: solid 1px #1cc2d0;
}
.m-statusBarItem:after
{
    position: absolute;
    top: 25px;
    right: -10px;

    display: block;

    width: 10px;

    content: '';

    border-top: solid 1px #1cc2d0;
}
.m-statusBarItem:last-child:after
{
    display: none;
}

.m-statusBarItem--active
{
    color: #fff;
    background: #1cc2d0;
}

.m-tabLinkItem
{
    font-size: 1.4rem;

    display: inline-block;

    width: 160px;
    margin: 0 5px;
    padding: 10px 10px 5px 10px;

    cursor: pointer;
    text-align: center;
    pointer-events: auto;

    color: #5d5d5d;
    border-radius: 8px 8px 0 0;
    background: #fff;
}
@media screen and (max-width: 900px)
{
    .m-tabLinkItem
    {
        width: 50px;
    }
}
.m-tabLinkItem:hover
{
    background: #eee !important;
}

.m-tabLinkItem.active
{
    cursor: default;
    pointer-events: none;
}

.m-tabLinkItem__text
{
    display: inline-block;
}
@media screen and (max-width: 900px)
{
    .m-tabLinkItem__text
    {
        display: none;
    }
}

.topViewItem
{
    font-size: 20px;

    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    margin: auto;
    margin-right: -50%;

    -webkit-transform: translate(-50%, -50%);
    /* Safari用 */
    transform: translate(-50%, -50%);
    text-align: center;
}

.topView__title
{
    font-weight: bold;

    color: white;
    text-shadow: 0 2px 8px #696969;
}

.topView__title--bg
{
    font-size: 5rem;

    margin: 32px 0;

    color: white;
}
@media screen and (max-width: 900px)
{
    .topView__title--bg
    {
        font-size: 2.8rem;

        margin-bottom: 20px;
    }
}

.topView__title--sm
{
    font-size: 3.2rem;
}
@media screen and (max-width: 900px)
{
    .topView__title--sm
    {
        font-size: 1.8rem;
    }
}

.topView__supTitle
{
    font-size: 4.6rem;
    font-weight: bold;

    color: #f13857;
    text-shadow: none;
}
@media screen and (max-width: 900px)
{
    .topView__supTitle
    {
        font-size: 2.4rem;
    }
}

.l-announce
{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 15px;
}

.o-categoryList
{
    display: flex;

    margin-top: 30px;
    padding: 0 10px;

    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.chatBot,
.chatBot__nobrowser
{
    position: fixed;
    z-index: 1;
    right: 0;
    bottom: 0;

    width: 100%;
    max-width: 400px;

    background: #ff9723;
}
@media screen and (max-width: 900px)
{
    .chatBot,
    .chatBot__nobrowser
    {
        max-width: 100%;
    }
}

.chatBot--top
{
    display: none;
}

.js-appear
{
    display: block;
}

.js-hidden
{
    display: none;
}

.chatBot__user-agreement
{
    color: #c35521;
}

.chatBot__title,
.chatBot__nobrowserTitle
{
    font-size: 1.8rem;
    font-weight: bold;

    position: relative;

    margin: 5px;
    padding: 8px;

    cursor: pointer;
    text-align: center;

    color: white;
    border: solid 1px white;
}

.chatBot__content
{
    overflow: scroll;

    height: 0;

    border-right: 5px solid #ff9723;
    border-left: 5px solid #ff9723;
    background: white;
}

.chatBot__content__open
{
    height: 76vh;
    padding: 10px;
}
@media screen and (max-width: 900px)
{
    .chatBot__content__open
    {
        height: 70vh;
    }
}

.chatBot__content__close
{
    position: relative;

    display: inline-block;
    float: right;

    width: 25px;
    height: 25px;

    cursor: pointer;
    cursor: pointer;
}

.chatBot__content__close span::before,
.chatBot__content__close span::after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 84%;
    height: 16%;
    margin: -8% 0 0 -42%;

    content: '';

    background: white;
}

.chatBot__content__close span::before
{
    transform: rotate(-45deg);
}

.chatBot__content__close span::after
{
    transform: rotate(45deg);
}

.chatBot__admin__balloon
{
    font-size: 1.4rem;

    max-width: 90vw;
    margin: 10px;
    padding: 10px;

    color: white;
    border-radius: 10px;
    background: #ff9723;
}

.chatBot__actionBtn
{
    font-weight: bold;

    width: 100%;
    height: 30px;
    margin: 5px 0;
    padding: 5px;

    cursor: pointer;
    text-align: center;

    color: #ff9723;
    border-style: none;
    border-radius: 10px;
    background: white;
}
.chatBot__actionBtn.js-notAllowed
{
    cursor: not-allowed;
}

.chatBot__activeBtn
{
    background: #fcf507;
}

.chatBot__inputBox
{
    font-size: 1.6rem;

    width: 100%;
    margin-bottom: 10px;
    padding: 5px;

    border-style: none;
    border-radius: 4px;
}

.chatBot__inputBox__textarea
{
    height: 150px;
}

.chatBot__selectBox
{
    font-size: 1.5rem;

    width: 100%;
    padding: 5px;

    border: none;
    background: #fff;
}

.submitContents
{
    font-size: 1.6rem;

    width: 100%;
    max-width: 600px;
    margin: 10px auto;
    padding: 20px;

    border-radius: 10px;
    background: #f6f6f6;
}
.submitContents h1
{
    font-size: 1.8rem;
    font-weight: bold;
}

.errBot
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 300%;

    background: rgba(0, 0, 0, .5);
}

.errBotIn
{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;

    border-radius: 10px;
    background: white;
}
.errBotIn input[type='text'],
.errBotIn textarea
{
    font-size: 1.6rem;

    width: 100%;
    max-width: 300px;
    padding: 4px;

    border-style: none;
    border-radius: 4px;
    background: #f6f6f6;
}
@media screen and (max-width: 900px)
{
    .errBotIn
    {
        padding: 10px;
    }
}

.errText
{
    font-size: 1.6rem;

    margin-bottom: 40px;

    color: red;
}

.errBotInputTitle
{
    font-size: 1.2rem;
    font-weight: bold;

    width: 40%;

    vertical-align: top;
}
@media screen and (max-width: 900px)
{
    .errBotInputTitle
    {
        display: block;
    }
}

.errBotInput
{
    margin-bottom: 30px;
}

.errSubmit
{
    display: block;

    width: 100%;

    color: white;
    background: #ff9723 !important;
}

.chatBot__hidden
{
    display: none;
}

.o-commentList
{
    font-size: 1.6rem;

    overflow: scroll;

    width: 100%;
    height: calc(100vh - 304px);
    min-height: calc(100vh - 304px);
}

.o-commentList__topBar
{
    font-size: 1.5rem;

    width: 80vw;
    padding: 10px;

    color: #fff;
    background: #5d5d5d;
}

.loadModule
{
    position: absolute;
    left: 40%;

    display: none;

    width: 50px;
    height: 50px;

    -webkit-animation: loadingIcon 2s linear 0s infinite;
    -moz-animation: loadingIcon 2s linear 0s infinite;
    -ms-animation: loadingIcon 2s linear 0s infinite;
    -o-animation: loadingIcon 2s linear 0s infinite;
    animation: loadingIcon 2s linear 0s infinite;

    border: 8px solid #17cddd;
    border-right-color: transparent;
    border-radius: 50%;
}

@-webkit-keyframes loadingIcon
{
    0%
    {
        transform: rotate(0deg);

        opacity: .2;
    }
    50%
    {
        transform: rotate(180deg);

        opacity: 1.0;
    }
    100%
    {
        transform: rotate(360deg);

        opacity: .2;
    }
}

@-moz-keyframes loadingIcon
{
    0%
    {
        transform: rotate(0deg);

        opacity: .2;
    }
    50%
    {
        transform: rotate(180deg);

        opacity: 1.0;
    }
    100%
    {
        transform: rotate(360deg);

        opacity: .2;
    }
}

@-ms-keyframes loadingIcon
{
    0%
    {
        transform: rotate(0deg);

        opacity: .2;
    }
    50%
    {
        transform: rotate(180deg);

        opacity: 1.0;
    }
    100%
    {
        transform: rotate(360deg);

        opacity: .2;
    }
}

@keyframes loadingIcon
{
    0%
    {
        transform: rotate(0deg);

        opacity: .2;
    }
    50%
    {
        transform: rotate(180deg);

        opacity: 1.0;
    }
    100%
    {
        transform: rotate(360deg);

        opacity: .2;
    }
}

.o-contentList
{
    display: flex;

    margin-top: 30px;
    padding-left: 8px;

    flex-wrap: wrap;
    justify-content: space-between;
}

.o-contentList__nav
{
    position: relative;

    justify-content: center;
}

.o-contentSlider__list
{
    display: flex;
    overflow: hidden;

    width: 100vw;

    flex-wrap: nowrap;
    justify-content: space-between;
}

.o-contentSlider__contentItem
{
    min-width: 300px;
    min-height: 300px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.o-contentSlider__box
{
    height: 300px;
}

.o-contentSlider__dot
{
    display: flex;

    width: 200px;
    margin: 0 auto;

    justify-content: space-between;
}

.o-contentSlider__dotItem
{
    display: inline-block;

    width: 10px;
    height: 10px;

    border-radius: 10px;
    background: #fff;
}

.o-content
{
    font-size: 1.6rem;
}

.o-conv
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    margin-top: 55px;
    padding: 10px;

    background: rgba(255, 255, 255, .8);
}

.o-conv--embed
{
    position: fixed;
    z-index: 9999;

    width: 100%;
    height: 50px;
    padding: 4px;

    background: rgba(255, 255, 255, .8);
}

.o-dataList
{
    font-size: 1.4rem;

    margin-bottom: 30px;
}

.o-dataList__headLine
{
    padding: 10px;
}
.o-dataList__headLine:before
{
    display: inline-block;

    width: 10px;
    height: 10px;
    margin-right: 5px;

    content: '';

    border-radius: 10px;
    background: #1cc2d0;
}

.o-dataList--top
{
    margin-top: 8px;
}
.o-dataList--top.js-displayNone
{
    display: none;
}

.o-dataList--scroll
{
    overflow: scroll;
}

.o-dataTable
{
    font-size: 1.6rem;
}

.o-errMsg
{
    font-size: 1.3rem;

    color: red;
}

.o-errMsg--short
{
    margin-left: 20px;
}

.o-headLine
{
    font-size: 1.4rem;

    display: flex;

    margin-bottom: 10px;

    justify-content: space-between;
}
@media screen and (max-width: 1000px)
{
    .o-headLine
    {
        padding: 0 10px;
    }
}

.o-headLine--middle
{
    align-items: center;
    justify-content: center;
}

.o-heroContent
{
    overflow: hidden;

    padding: 100px 0;

    color: #fff;
    background: #1cc2d0;
}
@media screen and (max-width: 900px)
{
    .o-heroContent
    {
        padding: 50px 10px;
    }
}
.o-heroContent > .HeadLine
{
    font-size: 3rem;

    text-align: center;
}
@media screen and (max-width: 900px)
{
    .o-heroContent > .HeadLine
    {
        font-size: 2rem;
    }
}

.o-heroContent__image
{
    display: block;

    width: 90%;
    max-width: 700px;
    margin: 0 auto;
}

.o-heroContent__bigSearch
{
    position: relative;

    margin: 24px auto;
}

.o-heroContent__bigCVBtn
{
    margin: 24px auto;
}

.o-heroContent__headLine
{
    font-size: 3rem;

    text-align: center;
}
@media screen and (max-width: 900px)
{
    .o-heroContent__headLine
    {
        font-size: 2rem;
    }
}

.o-heroContent__flex
{
    width: 60%;
    min-width: 700px;
    margin: 30px auto 0 auto;
}
@media screen and (max-width: 900px)
{
    .o-heroContent__flex
    {
        display: block;

        width: 90%;
        min-width: auto;
    }
}

.o-heroContent--small
{
    padding: 50px;
}
@media screen and (max-width: 900px)
{
    .o-heroContent--small
    {
        padding: 20px;
    }
}
.o-heroContent--small .o-heroContent__headLine
{
    text-align: left;
}

.o-heroContent--white
{
    background: white;
}

.o-index
{
    margin: 30px 0;
    padding: 20px;

    border: solid 1px #1cc2d0;
    background: #f6f6f6;
}

.o-index__list
{
    text-decoration: none !important;
}

.o-index__h3
{
    padding-left: 15px;
}

.lp02
{
    font-size: 1.6rem;
    line-height: 2;
}

.blue
{
    color: #1cc2d0;
}

.red
{
    color: #f00;
}

.orange
{
    color: #ff6900;
}

.yerrow
{
    color: #ff0;
}

.boxYerrow
{
    background: #ff0;
}

.lp02__title
{
    font-size: 3.5rem;
    font-weight: bold;

    text-align: center;
}
@media screen and (max-width: 900px)
{
    .lp02__title
    {
        font-size: 2rem;
    }
}

.lp02__border
{
    width: 100px;
    height: 15px;
    margin: 50px auto;

    border-radius: 10px;
    background: #1cc2d0;
}

.lp02__topView img
{
    width: 100%;
}

.lp02__cv
{
    padding: 100px 0;

    background: #f6f6f6;
}

.lp02__cv__left,
.lp02__cv__right
{
    width: 49%;
}
@media screen and (max-width: 900px)
{
    .lp02__cv__left,
    .lp02__cv__right
    {
        width: 100%;

        text-align: center;
    }
}

.lp02__cv__left
{
    line-height: 1.5;
}

.lp02__cv__left__title
{
    font-size: 3rem;
}
@media screen and (max-width: 900px)
{
    .lp02__cv__left__title
    {
        font-size: 2rem;
        font-weight: bold;
    }
}

.lp02__cv__left__title__zero,
.lp02__cv__left__title__yen
{
    font-size: 5rem;
    font-weight: bold;

    color: #1cc2d0;
}

.lp02__cv__left__title__zero
{
    margin-left: 5px;
}

.lp02__cv__left__title__yen
{
    font-size: 3rem;
}

.lp02__cv__left__check
{
    font-size: 1.8rem;

    margin: 10px 0;
}

.lp02__cv__left__checkIcon
{
    display: inline-block;

    width: 20px;
    margin: 6px 10px 0 0;

    vertical-align: top;
}
.lp02__cv__left__checkIcon img
{
    width: 100%;
}

.lp02__cv__right__comment
{
    font-size: 2rem;
    font-weight: bold;

    margin-bottom: 10px;

    text-align: center;
}

.lp02__cv__right__btn
{
    display: block;

    width: 100%;

    opacity: 0.4;
}
@media screen and (max-width: 900px)
{
    .lp02__cv__right__btn
    {
        width: 80%;
        margin: 0 auto;
    }
}
.lp02__cv__right__btn img
{
    width: 100%;
}

.lp02__problem
{
    padding: 100px 0;

    background: url(../image/lp/lp02/secondSectionBg.gif@2x.gif);
}

.lp02__problem__item
{
    width: 49%;
    margin: 15px 0;
    padding: 50px 30px;

    border-radius: 10px;
    background: #fff;
}
@media screen and (max-width: 900px)
{
    .lp02__problem__item
    {
        width: 90%;
        margin: 15px auto;
        padding: 30px;
    }
}

.lp02__problem__item__img
{
    display: inline-block;

    width: 50px;
    height: 50px;

    vertical-align: top;
}

.lp02__problem__item__comment
{
    font-weight: bold;

    display: inline-block;

    width: calc(100% - 55px);
    padding-left: 10px;
}

.lp02__data
{
    padding: 100px 0;
}

.lp02__data__title
{
    font-size: 3.5rem;
    font-weight: bold;

    text-align: center;
}
@media screen and (max-width: 900px)
{
    .lp02__data__title
    {
        font-size: 2rem;
    }
}

.lp02__data__img
{
    display: block;

    width: 100%;
    max-width: 500px;
    margin: 50px auto 0 auto;
}
@media screen and (max-width: 900px)
{
    .lp02__data__img
    {
        width: 80%;
        margin: 0 auto;
    }
}

.lp02__solution
{
    padding: 100px 0;

    background: #ff6900;
}

.lp02__solution__title
{
    display: block;

    width: 680px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
@media screen and (max-width: 900px)
{
    .lp02__solution__title
    {
        width: 80%;
        margin: 0 auto;
    }
}

.lp02__solution__list
{
    display: flex;

    margin-top: 50px;

    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.lp02__solution__item
{
    width: 30%;
}
@media screen and (max-width: 900px)
{
    .lp02__solution__item
    {
        width: 90%;
        margin: 30px auto;
    }
}

.lp02__solution__icon
{
    display: block;

    width: 120px;
    margin: 0 auto -60px auto;
}
@media screen and (max-width: 900px)
{
    .lp02__solution__icon
    {
        width: 90px;
    }
}

.lp02__solution__item__box
{
    height: calc(100% - 60px);
    padding: 80px 30px 30px 30px;

    border-radius: 10px;
    background: #fff;
}
@media screen and (max-width: 900px)
{
    .lp02__solution__item__box
    {
        height: 100%;
    }
}
@media screen and (max-width: 900px)
{
    .lp02__solution__item__box
    {
        min-height: auto;
    }
}

.lp02__solution__item__title
{
    font-size: 2rem;
    font-weight: bold;

    margin-bottom: 10px;

    text-align: center;
}

.lp02__solution__performance
{
    line-height: 1.5;

    margin-top: 30px;
    padding: 30px;

    border-radius: 10px;
    background: #fff;
}
@media screen and (max-width: 900px)
{
    .lp02__solution__performance
    {
        width: 90%;
        margin: 30px auto 0 auto;
        padding: 30px 20px;
    }
}

.lp02__solution__performance__check
{
    width: 35px;
    height: 35px;
    margin-top: 8px;

    vertical-align: top;
}
@media screen and (max-width: 900px)
{
    .lp02__solution__performance__check
    {
        width: 20px;
        height: auto;
    }
}

.lp02__solution__performance__title
{
    font-size: 3.5rem;
    font-weight: bold;
}
@media screen and (max-width: 900px)
{
    .lp02__solution__performance__title
    {
        font-size: 2rem;

        text-align: left;
    }
}

@media screen and (max-width: 900px)
{
    .lp02__solution__performance__item
    {
        margin-top: 30px;
    }
}

.lp02__solution__performance__item__num
{
    font-size: 15rem;
    font-weight: bold;

    display: inline-block;

    color: #ff6900;
}
@media screen and (max-width: 900px)
{
    .lp02__solution__performance__item__num
    {
        font-size: 5rem;

        display: block;

        margin-top: 10px;

        text-align: left;
    }
}

.lp02__solution__performance__item__right
{
    display: inline-block;

    width: calc(100% - 200px);
    padding-left: 10px;
}
@media screen and (max-width: 900px)
{
    .lp02__solution__performance__item__right
    {
        display: block;

        width: 100%;
        margin: 0 auto;
    }
}

.lp02__solution__performance__item__title
{
    font-size: 3rem;
    font-weight: bold;

    display: block;

    margin-bottom: 10px;
}
.lp02__solution__performance__item__title br
{
    display: none;
}
@media screen and (max-width: 900px)
{
    .lp02__solution__performance__item__title
    {
        font-size: 2.2rem;
    }
    .lp02__solution__performance__item__title br
    {
        display: block;
    }
}

.lp02__solution__performance__item__comment
{
    font-size: 2rem;
    font-weight: bold;
}
@media screen and (max-width: 900px)
{
    .lp02__solution__performance__item__comment
    {
        font-size: 1.6rem;
        font-weight: normal;
        line-height: 2;
    }
    .lp02__solution__performance__item__comment br
    {
        display: none;
    }
}

.lp02__user__list
{
    display: flex;

    margin-top: 50px;

    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.lp02__user
{
    padding: 100px 0;
}

.lp02__user__item
{
    width: 30%;
}
@media screen and (max-width: 900px)
{
    .lp02__user__item
    {
        width: 90%;
        margin: 10px auto;
    }
}

.lp02__user__icon
{
    display: block;

    width: 120px;
    height: auto;
    margin: 0 auto -60px auto;
}

.lp02__user__item__box
{
    font-weight: bold;

    overflow: hidden;

    text-align: center;

    border-radius: 10px;
    background: #ff6900;
}
@media screen and (max-width: 900px)
{
    .lp02__user__item__box br
    {
        display: none;
    }
}

.lp02__user__item__box__top
{
    padding-top: 80px;
    padding-bottom: 60px;

    background: #f6f6f6;
}

.lp02__user__item__box__bottom
{
    font-weight: normal;

    min-height: 250px;
    margin-top: 30px;
    padding: 60px 30px 30px 30px;

    color: #fff;
    background: #ff6900;
}
@media screen and (max-width: 900px)
{
    .lp02__user__item__box__bottom
    {
        min-height: auto;
    }
}

.lp02__user__item__box__check
{
    width: 50px;
    height: 50px;
    margin: -116px auto 10px auto;
    padding-top: 13px;

    border-radius: 50px;
    background: #fff;
}
.lp02__user__item__box__check img
{
    display: block;

    width: 35px;
    height: auto;
    margin: 0 auto;
}

.lp02__price
{
    padding: 100px 0;

    background: url(../image/lp/lp02/dotBg.gif@2x.gif);
    background-size: 20px 20px;
}

.lp02__price__list
{
    margin-top: 50px;
}

.lp02__price__item
{
    width: 30%;
    padding: 30px;

    text-align: center;

    border-radius: 10px;
    background: #fff;
}
@media screen and (max-width: 900px)
{
    .lp02__price__item
    {
        width: 200px;
        height: 200px;
        margin: 10px auto;

        border-radius: 100px;
    }
}

.lp02__price__item__title
{
    font-size: 2rem;
    font-weight: bold;

    text-align: center;
}

.lp02__price__item__price
{
    font-size: 15rem;
    font-weight: bold;
    line-height: 1 !important;

    display: inline;
}
@media screen and (max-width: 900px)
{
    .lp02__price__item__price
    {
        font-size: 9rem;
    }
}

.lp02__price__item__yen
{
    font-size: 4rem;
    font-weight: bold;

    display: inline;
}
@media screen and (max-width: 900px)
{
    .lp02__price__item__yen
    {
        font-size: 2rem;
    }
}

.lp02__step
{
    padding: 100px 0;
}

.lp02__step__item
{
    font-weight: bold;

    overflow: hidden;

    width: 23%;
    min-height: 250px;

    text-align: center;

    border-radius: 10px;
    background: #f6f6f6;
}
@media screen and (max-width: 900px)
{
    .lp02__step__item
    {
        width: 90%;
        min-height: auto;
        margin: 10px auto;
    }
}

.lp02__step__item__title
{
    font-size: 2rem;
    font-weight: bold;

    padding: 30px;

    text-align: center;

    color: #fff;
    background: #1cc2d0;
}

.lp02__step__item__comment
{
    padding: 30px;
}

.lp02__qa
{
    padding: 100px 0;

    background: #f6f6f6;
}

.lp02__qa__list
{
    display: flex;

    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.lp02__qa__item
{
    overflow: hidden;

    width: 49%;
    min-height: 300px;
    margin: 15px 0;

    border-radius: 10px;
    background: #fff;
}
@media screen and (max-width: 900px)
{
    .lp02__qa__item
    {
        width: 90%;
        margin: 10px auto;
    }
}

.lp02__qa__item__title
{
    font-size: 2rem;
    font-weight: bold;

    padding: 30px;

    text-align: center;

    color: #fff;
    background: #1cc2d0;
}
.lp02__qa__item__title br
{
    display: none;
}
@media screen and (max-width: 900px)
{
    .lp02__qa__item__title
    {
        font-size: 1.8rem;
    }
    .lp02__qa__item__title br
    {
        display: block;
    }
}

.lp02__qa__item__comment
{
    padding: 30px;
}

.lp02__chatBot
{
    position: fixed;
    right: 10px;
    bottom: 0;

    width: 350px;
    margin-bottom: -600px;
    padding-top: 10px;

    border-radius: 10px 10px 0 0;
    background: #ff6900;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);

    display: none;
}
@media screen and (max-width: 900px)
{
    .lp02__chatBot
    {
        z-index: 999;
        right: 0;

        width: 100%;
        margin-bottom: -100vh;

        border-radius: 0;
    }
}

.lp02__chatBot--open
{
    margin-bottom: 0;
}
@media screen and (max-width: 900px)
{
    .lp02__chatBot--open
    {
        top: 0;

        width: 100%;

        border-radius: 0;
    }
}

.lp02__chatBot__name
{
    font-weight: bold;

    display: inline-block;

    width: calc(100% - 30px);

    cursor: pointer;
    text-align: center;

    color: #fff;
}

.lp02__chatBot__area
{
    overflow: scroll;

    height: 500px;
    margin: 10px 10px 0;
    padding: 10px;

    background: #fff;
}
@media screen and (max-width: 900px)
{
    .lp02__chatBot__area
    {
        height: calc(100vh - 175px);
    }
}

.lp02__chatBot__balloonLeft
{
    clear: both;
}
.lp02__chatBot__balloonLeft div
{
    display: inline-block;

    margin: 10px 0;
    padding: 10px;

    color: #fff;
    border-radius: 10px;
    background: #1cc2d0;
}

.lp02__chatBot__balloonRight
{
    clear: both;
}
.lp02__chatBot__balloonRight div
{
    display: inline-block;
    float: right;

    margin: 10px 0;
    padding: 10px;

    border-radius: 10px;
    background: #f6f6f6;
}

.lp02__chatBot__edit
{
    height: 110px;
    padding-bottom: 10px;

    background: #f6f6f6;
}

.lp02__chatBot__textArea
{
    font-size: 1.6rem;

    width: calc(100% - 40px);
    height: 80px;
    margin: 5px;

    border: none;
}

.lp02__chatBot__btn
{
    position: absolute;
    top: 0;
    right: -5px;

    width: 30px;
    width: 30px;
    height: 48px;
    margin: 0 5px 5px 5px;
    padding: 5px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    background: #ff6900;
}

.lp02__chatBot__balloonBtn
{
    font-size: 1.4rem;
    font-weight: bold;

    width: 100%;
    margin-top: 5px;
    padding: 10px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    border: solid 2px #fff;
    border-radius: 10px;
    background: #1cc2d0;
}
.lp02__chatBot__balloonBtn:hover
{
    background: #ff6900;
}

.close
{
    cursor: pointer;
}

.lp02__chatBot__textBox
{
    font-size: 1.6rem;

    display: inline-block;

    width: calc(100% - 40px);
    margin: 5px 5px 0 5px;
    padding: 10px;
}

.lp02__cvArea__bottom
{
    position: fixed;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 10px;

    background: rgba(0, 0, 0, .4);
}
.lp02__cvArea__bottom .lp02__cv__right__btn
{
    font-weight: bold;

    padding: 10px;

    text-align: center;

    color: #fff;
    border-radius: 10px;
    background: #0ef31a;
}

.lp02__footer
{
    padding: 100px 0;

    color: #fff;
    background: #036486;
}
@media screen and (max-width: 900px)
{
    .lp02__footer
    {
        font-size: 1.3rem;

        padding: 100px 20px;
    }
}
.lp02__footer li
{
    margin-bottom: 20px;
}

.lp02__copy
{
    text-align: center;

    color: #fff;
}

.lp02__chatBotTitle
{
    font-weight: bold;

    margin: 0 !important;
    padding: 0 !important;
}

.lp02__sampleProject__prj
{
    display: block;

    margin-bottom: 30px;

    border: solid 4px #1cc2d0;
}
@media screen and (max-width: 900px)
{
    .lp02__sampleProject__prj
    {
        margin: 10px;
    }
}

.lp02__sampleProject__img
{
    display: inline-block;

    width: 50%;
    height: 300px;

    vertical-align: top;

    background-size: cover;
}
@media screen and (max-width: 900px)
{
    .lp02__sampleProject__img
    {
        width: 100%;
        height: 200px;
    }
}

.lp02__sampleProject__right
{
    display: inline-block;

    width: 48%;
    margin-left: 1%;
    padding: 10px;

    vertical-align: top;
}
@media screen and (max-width: 900px)
{
    .lp02__sampleProject__right
    {
        width: 100%;
        margin-left: 0;
    }
}

.lp02__sampleProject__title
{
    font-size: 2.5rem;
    font-weight: bold;

    margin-bottom: 10px;
}
@media screen and (max-width: 900px)
{
    .lp02__sampleProject__title
    {
        font-size: 1.8rem;
    }
}

.lp02__sampleProject__status
{
    font-weight: bold;

    display: inline-block;

    margin-top: 10px;
    padding: 0 20px;

    color: #fff;
    background: #1cc2d0;
}

.o-nav
{
    border-right: 1px solid #f6f6f6;
    background: #fff;
}

.o-nav__createBtn
{
    font-size: 1.4rem;

    display: block;

    width: 100%;
    padding: 20px;

    color: #1cc2d0;
    background: #fff;
}
.o-nav__createBtn:hover
{
    color: #fff;
    background: #1cc2d0;
}

.o-pan
{
    padding: 10px;
}

.o-projectContent
{
    padding-right: 32px;
}
@media screen and (max-width: 900px)
{
    .o-projectContent
    {
        padding-right: 0;
    }
}

.o-projectDetailContent
{
    font-size: 1.6rem;
    line-height: 1.75;

    padding: 32px;

    letter-spacing: .8px;
}
@media screen and (max-width: 900px)
{
    .o-projectDetailContent
    {
        overflow: hidden;

        padding: 32px 20px;
    }
}

.o-projectHeader
{
    padding: 50px 0;

    background: #f6f6f6;
}
@media screen and (max-width: 900px)
{
    .o-projectHeader
    {
        padding-top: 0;
        padding-bottom: 10px;
    }
}

.o-projectHeader__step
{
    font-size: 2rem;
    font-weight: bold;

    position: absolute;
    top: 0;

    width: 100%;
    padding: 4px;

    text-align: center;
    vertical-align: top;
    letter-spacing: 10px;

    color: #fff;
    background: #00e88d;
}
@media screen and (max-width: 900px)
{
    .o-projectHeader__step
    {
        font-size: 1.4rem;
    }
}

.o-projectHeader__step--stop
{
    background: #4493ff;
}

.o-projectHeader__step--start
{
    background: #f13857;
}

.o-projectHeader__step--end
{
    background: #464646;
}

.o-projectHeader__victim
{
    font-size: 1.4rem;

    padding: 10px;

    background: rgba(255, 255, 255, .8);
}

.o-projectHeader__victimNumber
{
    font-size: 1.6rem;
    font-weight: bold;

    display: inline-block;

    color: #1cc2d0;
}

.o-projectHeader__imgArea
{
    position: relative;

    width: 49%;
}
@media screen and (max-width: 900px)
{
    .o-projectHeader__imgArea
    {
        width: 100%;
    }
}

.o-projectHeader__img
{
    width: 100%;
    height: 400px;

    background-position: center;
    background-size: cover;
}
@media screen and (max-width: 900px)
{
    .o-projectHeader__img
    {
        width: 100%;
        padding: 0 0 50px 0;
    }
}

.o-projectHeader__data
{
    width: 49%;
}
@media screen and (max-width: 900px)
{
    .o-projectHeader__data
    {
        width: 100%;
        padding: 10px;
    }
}

@media screen and (max-width: 900px)
{
    .o-projectHeader__dataBox
    {
        padding: 10px;

        border-bottom: #d5d5d5 solid 5px;
        border-radius: 10px;
        background: #fff;
    }
}

.o-projectHeader__meter
{
    display: inline-block;
    overflow: hidden;

    width: 70%;
    height: 20px;
    margin: 10px 0 30px 0;

    border-radius: 10px;
    background: #fff;
}
@media screen and (max-width: 900px)
{
    .o-projectHeader__meter
    {
        background: #f6f6f6;
    }
}

.o-projectHeader__meterInner
{
    font-size: 1.3rem;

    width: 0;
    height: 20px;

    transition-delay: .5s;
    transition-timing-function: ease-out;
    transition-duration: .5s;

    color: #fff;
    background: #1cc2d0;
}

.js-supportNum
{
    margin-left: 10px;
}

.o-projectHeader__supportBtn
{
    font-size: 1.4rem;

    display: inline-block;

    width: 25%;
    margin-bottom: 30px;
    margin-left: 2%;
    padding: 5px;

    cursor: pointer;
    text-align: center;
    vertical-align: top;
    pointer-events: auto;

    color: #fff;
    border-bottom: solid 4px #179aa5;
    border-radius: 4px;
    background: #1cc2d0;
}
.o-projectHeader__supportBtn:hover
{
    margin-top: 4px;

    border-bottom: none;
}
.o-projectHeader__supportBtn .icon
{
    margin-right: 3px;

    fill: #fff;
}
.o-projectHeader__supportBtn .icon--close
{
    fill: #bbb;
}

.o-projectHeader__supportBtn.disable
{
    margin-top: 4px;

    cursor: default;
    pointer-events: none;

    border-bottom: none;
    background: #dedede;
}
.o-projectHeader__supportBtn.disable:hover
{
    margin-top: 4px;

    border-bottom: none;
}

.o-projectHeader__headLine02
{
    font-size: 1.4rem;
}

.o-projectHeader__headLine
{
    font-size: 2.8rem;

    text-align: center;
}
@media screen and (max-width: 900px)
{
    .o-projectHeader__headLine
    {
        font-size: 2rem;

        padding: 10px;
    }
}

.o-projectHeader__category
{
    font-size: 1.4rem;

    margin-bottom: 30px;
    padding-bottom: 8px;

    text-align: center;

    color: #1cc2d0;
}
.o-projectHeader__category a
{
    color: #1cc2d0;
}
@media screen and (max-width: 900px)
{
    .o-projectHeader__category
    {
        padding: 10px;
        padding-top: 0;
    }
}

.o-projectHeader__description
{
    font-size: 1.6rem;

    margin-bottom: 8px;
}
@media screen and (max-width: 900px)
{
    .o-projectHeader__description
    {
        display: none;
    }
}

@media screen and (max-width: 900px)
{
    .o-projectHeader__damage
    {
        padding: 10px;
        padding-top: 0;
    }
}

.o-projectHeader__num
{
    font-size: 3rem;
    font-weight: bold;

    margin-bottom: 15px;
}

.o-projectHeader__join
{
    padding: 16px;

    text-align: center;

    background: #fff;
}
@media screen and (max-width: 900px)
{
    .o-projectHeader__join
    {
        margin: 10px;

        background: none;
    }
}

.o-projectHeader__joinComment
{
    font-size: 1.3rem;

    padding: 4px;
}

.o-projectHeader__link
{
    font-size: 1.1rem;

    cursor: pointer;
    pointer-events: auto;
}

.o-projectHeader__actionBtn
{
    font-size: 1.8rem;
    font-weight: bold;

    width: 100%;
    margin: 10px 0;
    padding: 15px 0;

    cursor: pointer;
    pointer-events: auto;

    color: #fff;
    border-bottom: solid 4px #e45a02;
    border-radius: 4px;
    background: #ff6300;
}
.o-projectHeader__actionBtn:hover
{
    margin-top: 14px;

    border-bottom: none;
    background: #ff9300;
}

@media screen and (max-width: 900px)
{
    .o-projectHeader__top
    {
        display: none;
    }
}

@media screen and (max-width: 900px)
{
    .headLine.o-projectHeader__dataBox__text
    {
        font-size: 1.4rem;

        margin-bottom: 10px;
    }
    .headLine.o-projectHeader__dataBox__text br
    {
        display: none;
    }
}

@media screen and (max-width: 900px)
{
    .o-projectHeader__sns
    {
        margin: 10px !important;
    }
}

.o-projectHeader__mqTitle
{
    display: none;
}
@media screen and (max-width: 900px)
{
    .o-projectHeader__mqTitle
    {
        position: absolute;
        top: 10%;

        display: block;

        width: 100%;
        margin-top: 50px;

        color: #fff;
        background: rgba(0, 0, 0, .5);
    }
}

.o-ranking
{
    font-size: 1.0rem;

    margin: 30px 0;

    border: solid 1px #1cc2d0;
}
@media screen and (max-width: 900px)
{
    .o-ranking
    {
        border: 0;
    }
}

.o-ranking__top
{
    text-align: center;

    color: #fff;
    background: #1cc2d0;
}

.o-ranking__headLine .icon
{
    fill: #fff;
}

.o-remark
{
    width: 100%;

    background: #eee;
}

.o-remark__topBar
{
    display: flex;

    padding: 5px;

    justify-content: space-between;
}

.o-remark__topBar--flat
{
    justify-content: normal;
}

.o-remark__cancel
{
    font-size: 1.2rem;

    padding: 4px;

    cursor: default;

    color: #fff;
    background: #1cc2d0;
}

.o-remark__close
{
    display: inline-block;

    width: 12px;
    height: 12px;

    fill: #fff;
}

.o-remark_nameBox
{
    width: calc(100% - 50px) !important;
}

.js-scroll-hint-icon
{
    position: absolute;
    top: 20%;
    left: calc(50% - 60px);

    box-sizing: border-box;
    width: 120px;
    height: 80px;
    padding: 20px 10px 10px 10px;

    transition: opacity .3s;
    text-align: center;

    opacity: 0;
    border-radius: 5px;
    background: rgba(0, 0, 0, .7);
}

.o-sns
{
    margin: 10px 0;
}

.o-statusContent__scrollWrap
{
    overflow: scroll;

    height: calc(100vh - 350px);
}

.o-statusBar
{
    font-size: 1.6rem;

    display: block;

    margin: 10px;

    text-align: center;
}

.o-supText
{
    font-size: 1.3rem;
}

.o-supText--center
{
    text-align: center;
}

.o-tabLinkList
{
    background: #1cc2d0;
}

.o-tabLinkList--gray
{
    background: #f6f6f6;
}

.o-toolBar
{
    margin-bottom: 10px;
    padding: 10px;

    background: #f6f6f6;
}

.o-toolBar__inputText
{
    width: calc(100% - 41px);
}

.o-toolBar__white
{
    background: white;
}

.o-toolBar__blue
{
    color: white;
    background: #1cc2d0;
}

.o-twitterTimeLine
{
    width: 300px;
}

.l-all
{
    width: 100%;
    margin-top: 90px;
}
@media screen and (max-width: 900px)
{
    .l-all
    {
        min-width: 320px;
        margin-top: 55px;
    }
}

.l-container
{
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
}

.l-container--wide
{
    max-width: 100%;
}

.l-container--default
{
    max-width: 1200px;
}

.l-container--narrow
{
    max-width: 700px;
}

.l-content
{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.l-content--center
{
    max-width: 700px;
}

.l-content--right
{
    float: right;

    width: 80%;
}
@media screen and (max-width: 900px)
{
    .l-content--right
    {
        width: 100%;
    }
}

.l-content--left
{
    width: 80%;
}
@media screen and (max-width: 900px)
{
    .l-content--left
    {
        width: 100%;
    }
}

.l-footer
{
    margin-top: 50px;
    padding-top: 50px;
}
@media screen and (max-width: 1100px)
{
    .l-footer
    {
        padding: 50px 10px 10px 10px;
    }
}

.l-footer__top
{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 30px 0;

    border: solid 4px #1cc2d0;
    background-image: url(../image/home/footer.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 350px auto;
}
@media screen and (max-width: 1100px)
{
    .l-footer__top
    {
        background-size: 250px auto;
    }
}
@media screen and (max-width: 900px)
{
    .l-footer__top
    {
        padding: 20px 20px 200px 20px;

        background-position: center bottom;
    }
}

.l-footer__topText
{
    font-size: 3rem;
    font-weight: bold;

    width: calc(100% - 400px);
    margin-top: 50px;
    margin-bottom: 10px;
    margin-left: 50px;

    text-align: center;

    color: #1cc2d0;
}
@media screen and (max-width: 1100px)
{
    .l-footer__topText
    {
        font-size: 2rem;

        width: calc(100% - 300px);
    }
}
@media screen and (max-width: 900px)
{
    .l-footer__topText
    {
        font-size: 1.8rem;

        width: 100%;
        margin: 0;
    }
}

.l-footer__topImg
{
    display: inline-block;

    width: 200px;
}
.l-footer__topImg img
{
    display: block;

    width: 100%;
    height: auto;
}

.l-footer__topSns
{
    width: calc(100% - 400px);
    margin-bottom: 50px;
    margin-left: 50px;
}
@media screen and (max-width: 1100px)
{
    .l-footer__topSns
    {
        width: calc(100% - 300px);
    }
}
@media screen and (max-width: 900px)
{
    .l-footer__topSns
    {
        display: block;

        width: 100%;
        margin: 0;
    }
    .l-footer__topSns .snsBigBtn
    {
        width: 100%;
        margin: 10px 0;
    }
}

.l-footer__list .w-flex__2
{
    text-align: left;
}

@media screen and (max-width: 900px)
{
    .l-footer__list
    {
        display: block;
    }
}

.l-footer__list .js-appear
{
    display: none;
}
@media screen and (max-width: 900px)
{
    .l-footer__list .js-appear
    {
        display: block;
    }
}

.l-footer__listTitle
{
    padding-bottom: 10px;
}
@media screen and (max-width: 900px)
{
    .l-footer__listTitle
    {
        position: relative;

        padding: 0 10px 10px 10px;

        cursor: pointer;

        border-bottom: 1px solid #1cc2d0;
    }
    .l-footer__listTitle:after
    {
        position: absolute;
        top: 5px;
        right: 10px;

        content: '＞';
        transform: rotate(90deg) scale(.8, 1);

        color: #1cc2d0;
    }
}

@media screen and (max-width: 900px)
{
    .l-footer__data
    {
        display: none;
    }
    .l-footer__data .link
    {
        display: block;

        padding: 10px;
    }
}

@media screen and (max-width: 900px)
{
    iframe.twitter-timeline-rendered
    {
        width: 400px !important;
        min-width: 180px !important;
    }
}

.colorBlue
{
    color: #1cc2d0;
}

.l-header
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    width: 100%;
    height: 90px;
    padding: 0 10px;
    padding: 10px;

    background: #fff;

    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 900px)
{
    .l-header
    {
        height: 55px;
    }
}

.l-header__userBtn
{
    display: flex;

    align-items: center;
    justify-content: space-between;
}
.l-header__userBtn .colorBlue
{
    font-weight: bold;
}
@media screen and (max-width: 900px)
{
    .l-header__userBtn
    {
        position: fixed;
        top: 10px;
        right: 10px;

        display: flex;

        width: 200px;

        justify-content: flex-end;
    }
}
@media screen and (max-width: 1000px)
{
    .l-header__userBtn
    {
        width: auto;
    }
}

.l-header__userWelcome
{
    font-size: 1.4rem;

    margin-top: 7px;
    margin-right: 10px;
}
@media screen and (max-width: 900px)
{
    .l-header__userWelcome
    {
        display: none;
    }
}

.l-header__userIcon
{
    display: inline-block;
    overflow: hidden;

    width: 30px;
    height: 30px;

    border-radius: 20px;
}
.l-header__userIcon img
{
    width: 100%;
}

.l-header__lawyerBtn
{
    font-size: 16px;

    position: fixed;
    z-index: 99;
    top: 50px;
    right: 10px;

    display: inline-block;

    padding: 8px 12px;

    color: #fff;
    border-radius: 0 0 8px 8px;
    background: #ff825c;
}

.l-header__lawyerIcon
{
    padding-right: 6px;
}

.l-header__left
{
    width: calc(100% - 200px);
}

.l-header__form
{
    display: inline-block;

    margin-left: 10px;
}
.l-header__form .inputText
{
    width: calc(100% - 55px);
}
@media screen and (max-width: 900px)
{
    .l-header__form
    {
        display: none;
    }
}

.l-header__comment
{
    font-size: 1.5rem;
    font-weight: bold;

    display: inline-block;

    width: 293px;
    margin-bottom: 5px;
    margin-left: 5px;
}
@media screen and (max-width: 900px)
{
    .l-header__comment
    {
        font-size: 1.1rem;

        width: 205px;
        margin-bottom: 6px;
    }
}
@media screen and (max-width: 350px)
{
    .l-header__comment
    {
        display: none;
    }
}
.l-header__comment .icon--crown
{
    vertical-align: top;

    fill: #ffa92c;
}
@media screen and (max-width: 900px)
{
    .l-header__comment .icon--crown
    {
        display: none;
    }
}

.l-header__bottom
{
    display: flex;

    justify-content: space-between;
}

.l-header__top
{
    display: flex;

    justify-content: space-between;
    flex-wrap: wrap;
}

.l-header__search
{
    font-size: 1.5rem;

    padding: 4px;

    border-radius: 4px 0 0 4px;
    background: #f6f6f6;
}

.l-header__searchBtn
{
    font-size: 1.5rem;

    display: inline-block;

    margin-left: -5px;
    padding: 2px;

    vertical-align: bottom;

    border-radius: 0 4px 4px 0;
    background: #f6f6f6;
}

@media screen and (max-width: 900px)
{
    .l-header__bigNav
    {
        display: none;
    }
}

.l-header__bigNavItem
{
    font-size: 1.5rem;

    display: inline-block;

    padding: 15px 20px 9px 20px;

    vertical-align: bottom;

    border-bottom: solid 4px #fff;
}
.l-header__bigNavItem:hover
{
    color: #1cc2d0;
    border-bottom: solid 4px #1cc2d0;
}

.l-header__sns
{
    display: inline-block;
}
@media screen and (max-width: 900px)
{
    .l-header__sns
    {
        display: none;
    }
}
.l-header__sns .icon--facebook,
.l-header__sns .icon--twitter
{
    width: 20px;
    height: 20px;

    vertical-align: sub;
}

.l-header__snsComment
{
    font-size: 1.5rem;
    font-weight: bold;

    display: inline-block;

    padding: 3px 6px;
}
@media screen and (max-width: 1100px)
{
    .l-header__snsComment
    {
        display: none;
    }
}

.l-header__link
{
    display: inline-block;
}
@media screen and (max-width: 1000px)
{
    .l-header__link
    {
        display: none;
    }
}

@media screen and (max-width: 900px)
{
    .l-header__loginBtn
    {
        display: none;
    }
}

@media screen and (max-width: 900px)
{
    .l-header__logo
    {
        position: absolute;
        top: 15px;
        left: 10px;
    }
}

.l-header__snsNavOpen
{
    display: none;
}
.l-header__snsNavOpen .icon
{
    display: block;

    width: 30px;
    height: 30px;
}
@media screen and (max-width: 900px)
{
    .l-header__snsNavOpen
    {
        display: block;
    }
}

.l-header__snsNav
{
    position: fixed;
    z-index: 99;
    top: 55px;
    left: 0;

    display: none;

    width: 100%;
    padding: 50px 10px;

    background: #fff;
}

.l-header__snsNavText
{
    font-size: 1.6rem;
    font-weight: bold;

    margin-bottom: 10px;

    text-align: center;
}

.l-header__btn
{
    font-size: 18px;

    margin: 20px auto 0 auto;
    padding: 10px;
}
@media screen and (max-width: 900px)
{
    .l-header__btn
    {
        width: 90%;
    }
}

.l-nav
{
    position: fixed;
    top: 92px;
    left: 0;

    width: 20%;
    height: 100%;
}
@media screen and (max-width: 900px)
{
    .l-nav
    {
        top: 55px;

        width: 100%;
        padding: 10px;
    }
    .l-nav .o-contentList
    {
        padding: 0;
    }
}

.l-nav--right
{
    position: static;
}

.l-nav--global
{
    position: fixed;
    z-index: 99999;
    right: 0;
    left: auto;

    width: 20vw;

    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
@media screen and (max-width: 900px)
{
    .l-nav--global
    {
        width: 50vw;
        padding: 0;
    }
}

.p-column__actionBtn,
.p-column__select,
.p-column__inputText
{
    width: 33%;
}
@media screen and (max-width: 900px)
{
    .p-column__actionBtn,
    .p-column__select,
    .p-column__inputText
    {
        width: 100%;
        margin: 8px 0;
    }
}

.p-column__date
{
    font-size: 1.2rem;

    margin-bottom: 5px;
}

.p-column__conv
{
    padding: 30px;

    background: #f6f6f6;
}

.p-column__convHeadLine
{
    text-align: center;
}

a.p-column__convBtn
{
    text-decoration: none;

    color: #fff;
}

.p-column__headLine
{
    font-size: 3rem;
}
@media screen and (max-width: 900px)
{
    .p-column__headLine
    {
        font-size: 2.5rem;
    }
}

.p-column__image
{
    background-color: #f2f2f2;
}
.p-column__image img
{
    width: 100%;
}

.p-column__content
{
    font-size: 1.6rem;

    margin-top: 50px;
    margin-right: 30px;
}
@media screen and (max-width: 900px)
{
    .p-column__content
    {
        margin: 10px 10px 0 10px;
    }
}
.p-column__content figure
{
    width: 100%;
}
.p-column__content figure img
{
    display: block;

    width: auto;
    max-width: 100%;
    margin: 0 auto;
}
.p-column__content a
{
    cursor: pointer;
    text-decoration: underline;

    color: #1cc2d0;
}
.p-column__content strong
{
    font-weight: bold;
}
.p-column__content h2
{
    font-size: 20px;
    font-weight: bold;
    line-height: 2;

    margin: 30px 0;
    padding: 15px;

    border-top: 2px solid #1cc2d0;
    border-bottom: 2px solid #1cc2d0;
}
.p-column__content h3
{
    font-size: 18px;
    font-weight: bold;

    margin-bottom: 10px;

    border-bottom: solid 3px #1cc2d0;
}
.p-column__content h4
{
    font-weight: bold;

    position: relative;

    margin: 12px 0;
    padding-left: 16px !important;
}
.p-column__content h4:before
{
    position: absolute;
    top: 7px;
    left: 0;

    width: 12px;
    height: 12px;

    content: '';

    background: #5d5d5d;
}
.p-column__content ul
{
    padding-left: 30px;
}
.p-column__content li
{
    list-style: disc;
}
.p-column__content table
{
    display: table;

    width: 100%;

    border-bottom: solid 1px #eee;
}
.p-column__content td
{
    display: table-cell;

    padding: 4px 8px;

    border: solid 1px #eee;
    border-bottom: 0;
}
.p-column__content tr
{
    display: table-row;
}
.p-column__content th
{
    display: table-header-group;
}
.p-column__content .red
{
    color: red;
}
.p-column__content .tableCenter
{
    text-align: center;
}
.p-column__content .mark
{
    font-weight: 400;

    background: bgGray;
}
.p-column__content .through
{
    text-decoration: line-through;
}
.p-column__content blockquote
{
    padding: 10px;

    background: #f6f6f6;
}
.p-column__content .columnRegist
{
    padding: 30px 20px;

    text-align: center;

    color: #848484;
    border: 5px solid #f92;
    border-radius: 4px;
    background: #f3f9f9;
}
.p-column__content .columnRegist:before
{
    border-top: solid 1px #81bcb6;
}
@media screen and (max-width: 900px)
{
    .p-column__content .columnRegist
    {
        display: none;

        padding: 30px 10px;
    }
}
.p-column__content .columnRegistHead
{
    font-size: 24px;
    font-weight: bold;
}
@media screen and (max-width: 900px)
{
    .p-column__content .columnRegistHead
    {
        font-size: 17px;
    }
}
.p-column__content .columnRegistBody
{
    font-size: 20px;

    margin-bottom: 10px;
}
@media screen and (max-width: 900px)
{
    .p-column__content .columnRegistBody
    {
        font-size: 14px;
    }
}
.p-column__content .columnRegistBtn
{
    font-size: 18px;
    font-weight: bold;

    position: relative;

    display: block;
    overflow: hidden;

    width: 60%;
    margin: auto;
    padding: 8px 0;

    transition: all .1s ease;
    text-align: center;
    text-decoration: none !important;

    color: white !important;
    border-radius: 4px;
    background: #0bd283;
    box-shadow: 0 4px 0 #0aab6b;
}
.p-column__content .columnRegistBtn a
{
    color: white;
}
@media screen and (max-width: 900px)
{
    .p-column__content .columnRegistBtn
    {
        width: 90%;
    }
}
.p-column__content .columnRegistBtn:hover
{
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    -ms-transform: translate3d(0, 3px, 0);
    -o-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);

    color: #fff;
    box-shadow: none;
}
.p-column__content .cv-information
{
    display: block;

    border: none;
}
.p-column__content .cv-information figure
{
    width: 80%;
    margin: auto;

    box-shadow: 0 4px 0 #8f9291;
}
@media screen and (max-width: 900px)
{
    .p-column__content .cv-information figure
    {
        width: 100%;
    }
}
.p-column__content .cv-information figure img
{
    width: 100%;
}
.p-column__content .cv-information figure:hover
{
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    -ms-transform: translate3d(0, 3px, 0);
    -o-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);

    box-shadow: none;
}
.p-column__content .cv-information .cv-text
{
    font-size: 18px;
    font-weight: bold;

    margin: 10px 0;

    text-align: center;
}
.p-column__content .linkCard
{
    margin-top: 20px;

    border: solid 1px #eee;
}
.p-column__content .linkCard a
{
    display: flex;

    text-decoration: none;
}
.p-column__content .linkCardImg
{
    overflow: hidden;

    width: 120px;
    max-width: 150px;
}
@media screen and (max-width: 1000px)
{
    .p-column__content .linkCardImg
    {
        width: 120px;
    }
}
.p-column__content .linkCardImg img
{
    width: 100%;
}
.p-column__content .linkCardTitle
{
    font-size: 14px;
    font-weight: bold;

    text-align: justify;

    color: #36504d;
}
.p-column__content .linkCardTitle:hover
{
    color: #1cc2d0;
}
@media screen and (max-width: 1000px)
{
    .p-column__content .linkCardTitle
    {
        line-height: 1.4;
    }
}
@media screen and (max-width: 900px)
{
    .p-column__content .linkCardTitle
    {
        font-size: 12px;
        line-height: 1.2;
    }
}
.p-column__content .linkCardDate
{
    font-size: 10px;

    color: #36504d;
}
.p-column__content .linkCardRight
{
    padding: 10px 10px 0 10px;
}
@media screen and (max-width: 1000px)
{
    .p-column__content .linkCardRight
    {
        padding: 5px 10px 0 10px;
    }
}
.p-column__content .linkCardTop
{
    position: relative;
    z-index: 1;
    bottom: 0;
    left: 0;

    width: 90%;
    margin: 6px auto;

    cursor: pointer;
    text-align: center;

    color: #fff !important;
    border-radius: 4px;
    background: #0bd283;
    box-shadow: 0 4px 0 #0aab6b;
}
.p-column__content .linkCardTop:hover
{
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    -ms-transform: translate3d(0, 3px, 0);
    -o-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);

    color: white;
    box-shadow: none;
}
.p-column__content .linkCardHead
{
    font-size: 12px;

    padding: 3px 0;
}
.p-column__content .linkCardBody
{
    font-size: 18px;
    font-weight: 700;
}
.p-column__content .js-addHeight:before
{
    display: block;

    height: 90px;
    margin-top: -90px;

    content: '';
    vertical-align: top;
}
@media screen and (max-width: 900px)
{
    .p-column__content .js-addHeight:before
    {
        height: 55px;
        margin-top: -55px;
    }
}

.p-contact__firstBtn
{
    color: #fff;
}

.p-home__heroContent
{
    position: relative;

    height: 83vh;
    margin-bottom: 30px;
    padding: 0;

    background-image: url(../image/home/top_fv.jpg);
    background-position: bottom;
    background-size: cover;
}

.p-home__contentSlider
{
    height: 340px;
    margin-top: 50px;
}

.bkRGBA
{
    /* 背景画像の透過用css */
}

.p-lawyer
{
    font-size: 1.6rem;
}

.p-lawyer__70
{
    padding-right: 30px;
}
@media screen and (max-width: 900px)
{
    .p-lawyer__70
    {
        padding: 0 10px;
    }
}

.p-lawyer__head
{
    padding: 100px 0;

    background: #1cc2d0;
}
@media screen and (max-width: 900px)
{
    .p-lawyer__head
    {
        display: block;

        padding: 50px 0;
    }
}

.p-lawyer__img
{
    display: inline-block;
    overflow: hidden;

    width: 200px;
    height: 200px;

    vertical-align: top;

    border: solid 4px #fff;
    border-radius: 300px;
}
@media screen and (max-width: 900px)
{
    .p-lawyer__img
    {
        display: block;

        margin: 0 auto;
    }
}
.p-lawyer__img img
{
    width: 100%;
    height: auto;
}

.p-lawyer__headProfile
{
    font-size: 2rem;

    display: inline-block;

    width: calc(80% - 210px);
    padding: 0 20px;

    vertical-align: top;

    color: #fff;
}
@media screen and (max-width: 900px)
{
    .p-lawyer__headProfile
    {
        width: 100%;
        margin-top: 10px;
    }
}

.p-lawyer__headName
{
    font-size: 3.5rem;
    font-weight: bold;

    margin-bottom: 10px;
}
@media screen and (max-width: 900px)
{
    .p-lawyer__headName
    {
        font-size: 3rem;
    }
}

.p-lawyer__headCompany
{
    font-size: 2.5rem;
    font-weight: bold;
}
.p-lawyer__headCompany a
{
    color: #fff;
}
.p-lawyer__headCompany a:hover
{
    text-decoration: underline;
}
@media screen and (max-width: 900px)
{
    .p-lawyer__headCompany
    {
        font-size: 1.8rem;
    }
}

.p-lawyer__mapBtn
{
    font-size: 1.6rem;

    display: inline-block;

    padding: 0 10px;

    vertical-align: top;

    color: #5d5d5d;
    border-radius: 3px;
    background: #f6f6f6;
}

.p-lawyer__headBtn
{
    display: inline-block;

    width: 20%;
}

.p-lawyer__support,
.p-lawyer__comment,
.p-lawyer__like
{
    font-weight: bold;

    margin-bottom: 10px;
    padding: 10px 20px;

    cursor: pointer;
    text-align: center;

    border-radius: 10px;
    background: #f6f6f6;
}

.p-lawyer__profile,
.p-lawyer__column,
.p-lawyer__project,
.p-lawyer__supportUser,
.p-lawyer__search
{
    margin: 40px 0;
}

.p-lawyer__profile__title
{
    font-size: 2rem;
    font-weight: bold;

    margin-bottom: 20px;
    padding-bottom: 20px;

    border-bottom: solid 1px #f6f6f6;
}

.p-lawyer__profile__content
{
    line-height: 3rem;
}

.p-lawyer__column__img,
.p-lawyer__projectItem__img
{
    display: inline-block;

    width: 150px;
    height: 150px;

    vertical-align: top;

    background: #f6f6f6;
}

.p-lawyer__column__right,
.p-lawyer__projectItem__content
{
    display: inline-block;

    width: calc(100% - 160px);

    vertical-align: top;
}

.p-lawyer__column__title
{
    font-size: 2rem;
    font-weight: bold;

    margin-bottom: 10px;
}

.p-lawyer__projectItem__content
{
    font-size: 2rem;
    font-weight: bold;
}

.p-lawyer__stay
{
    font-size: 2rem;

    margin-top: 30px;
    padding: 20px;

    text-align: center;

    background: #f6f6f6;
}

.p-lawyer__project__list
{
    display: flex;

    padding: 8px;
}
.p-lawyer__project__list input[type=radio],
.p-lawyer__project__list input[type=checkbox]
{
    display: none;
}
.p-lawyer__project__list label
{
    margin-bottom: 8px;
}

.p-lawyer__project__list--turn
{
    line-height: 2.5;

    flex-wrap: wrap;
}

.p-lawyer__project__form
{
    padding: 8px;
}

.p-lawyer__project__form--flex
{
    display: flex;

    padding: 8px;
}
@media screen and (max-width: 900px)
{
    .p-lawyer__project__form--flex
    {
        flex-wrap: wrap;
    }
}

.p-lawyer__project__form--flex
{
    display: flex;

    padding: 8px;
}
@media screen and (max-width: 900px)
{
    .p-lawyer__project__form--flex
    {
        flex-wrap: wrap;
    }
}

.p-lawyer__project__form--font
{
    font-size: 1.6rem;

    justify-content: center;
    align-items: center;
}

.p-lawyer__project__itemTitle
{
    font-size: 1.6rem;

    color: #707070;

    flex-basis: 20%;
    flex-shrink: 0;
}
@media screen and (max-width: 900px)
{
    .p-lawyer__project__itemTitle
    {
        min-width: 120px;

        flex-basis: 35%;
        flex-shrink: 0;
    }
}

.p-lawyer__project__itemTitle--sm
{
    margin-left: 12px;
}

.p-lawyer__project__list--color
{
    background: #fff;
}
.p-lawyer__project__list--color:nth-child(even)
{
    background: #f6f6f6;
}

.p-lawyer__search__list
{
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
}
.p-lawyer__search__list input[type=radio],
.p-lawyer__search__list input[type=checkbox]
{
    display: none;
}

.p-lawyer__search__table
{
    display: flex;
}

.p-lawyer__project__itemContent
{
    display: flex;

    flex-wrap: wrap;
}
.p-lawyer__project__itemContent input[type=radio],
.p-lawyer__project__itemContent input[type=checkbox]
{
    display: none;
}
.p-lawyer__project__itemContent label
{
    margin-bottom: 8px;
}

.p-lawyer__project__bar
{
    display: flex;

    padding: 8px;

    justify-content: center;
}

.p-lawyer__pageEdit
{
    display: flex;

    padding: 12px 0;

    justify-content: flex-end;
}

.p-login .p-login__left
{
    position: relative;

    width: 50%;
    padding: 50px 25px 50px 50px;
}
@media screen and (max-width: 900px)
{
    .p-login .p-login__left
    {
        width: 100%;
        padding: 20px;
    }
}

.p-login .p-login__right
{
    width: 45%;
    padding: 50px 50px 50px 25px;
}
@media screen and (max-width: 900px)
{
    .p-login .p-login__right
    {
        width: 100%;
        padding: 20px;
    }
}
.p-login .p-login__right .HeadLine
{
    font-size: 2rem;
}

.p-login .w-flex > .actionBtn
{
    font-size: 1.6rem;

    width: 49%;
    margin-top: 20px;

    text-align: center;
}

@media screen and (max-width: 900px)
{
    .p-mypage__nav
    {
        display: none;
    }
}

@media screen and (max-width: 900px)
{
    .p-news .content img
    {
        width: 100%;
    }
}

.p-project__actionBtn,
.p-project__select,
.p-project__inputText
{
    width: 23%;
}
@media screen and (max-width: 900px)
{
    .p-project__actionBtn,
    .p-project__select,
    .p-project__inputText
    {
        width: 100%;
        margin: 8px 0;
    }
}

.p-project__bbsIcon
{
    width: 20px;
    height: 20px;
    margin: 0 5px;

    vertical-align: sub;
}
.p-project__bbsIcon img
{
    vertical-align: top;
}

.p-qa__content h2
{
    font-size: 20px;
    font-weight: bold;
    line-height: 2;

    margin-top: 30px;
    padding: 15px;

    border-bottom: 2px solid #1cc2d0;
}

.p-qa__content h3
{
    font-size: 18px;
    font-weight: 500;

    margin: 50px 0 15px 0;
}

.p-qa__item .link
{
    font-size: 1.6rem;
    font-weight: 900;
}

.p-qa__item .bold
{
    font-weight: 900;
}

.p-qa__item .image
{
    max-width: 600px;
}
.p-qa__item .image img
{
    width: 100%;
}

.p-rule__content
{
    font-size: 1.4rem;
}
.p-rule__content .subTitle
{
    font-size: 1.6rem;
    font-weight: bold;

    padding: 20px 0;
}
.p-rule__content .decimal li
{
    padding: 0 0 20px 0;

    list-style: decimal;
}
.p-rule__content .decimal li:last-child
{
    padding: 0;
}
.p-rule__content .decimalZero
{
    margin: 20px 0;
}
.p-rule__content .decimalZero li
{
    list-style: upper-roman;
}
.p-rule__content .decimalLatin li
{
    list-style: decimal-leading-zero;
}

.p-topicsBar
{
    font-size: 1.5rem;

    padding: 16px 4px;

    color: white;
    background-color: #f13857;
}
@media screen and (max-width: 900px)
{
    .p-topicsBar
    {
        padding: 20px 4px;
    }
}

.lazy-load
{
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;

    opacity: 0;
    background-color: #f2f2f2;
}

.lazy-load.loaded
{
    opacity: 1;
}

.js-qModalOpen
{
    display: inline-block;
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container
{
    position: relative;
    /* Fix of Webkit flickering */
    z-index: 1;

    overflow: hidden;

    margin: 0 auto;
    padding: 0;

    list-style: none;
}

.swiper-container-no-flexbox .swiper-slide
{
    float: left;
}

.swiper-container-vertical > .swiper-wrapper
{
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.swiper-wrapper
{
    position: relative;
    z-index: 1;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 100%;

    -webkit-transition-property: -webkit-transform;
    -o-transition-property:         transform;
    transition-property: -webkit-transform;
    transition-property:         transform;
    transition-property:         transform, -webkit-transform;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper
{
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper
{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper
{
    margin: 0 auto;

    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-slide
{
    position: relative;

    width: 100%;
    height: 100%;

    -webkit-transition-property: -webkit-transform;
    -o-transition-property:         transform;
    transition-property: -webkit-transform;
    transition-property:         transform;
    transition-property:         transform, -webkit-transform;

    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.swiper-slide-invisible-blank
{
    visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide
{
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper
{
    -webkit-transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;

    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

/* 3D Effects */
.swiper-container-3d
{
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow
{
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;
}

.swiper-container-3d .swiper-slide-shadow-left
{
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image:      -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image:         linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right
{
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image:         linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top
{
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image:      -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image:         linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image:      -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image:         linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper
{
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper
{
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next
{
    position: absolute;
    z-index: 10;
    top: 50%;

    width: 27px;
    height: 44px;
    margin-top: -22px;

    cursor: pointer;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 27px 44px;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled
{
    cursor: auto;
    pointer-events: none;

    opacity: .35;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next
{
    right: auto;
    left: 10px;

    background-image: url('data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E');
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev
{
    right: 10px;
    left: auto;

    background-image: url('data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E');
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white
{
    background-image: url('data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E');
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white
{
    background-image: url('data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E');
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black
{
    background-image: url('data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E');
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black
{
    background-image: url('data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E');
}

.swiper-button-lock
{
    display: none;
}

.swiper-pagination
{
    position: absolute;
    z-index: 10;

    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    text-align: center;
}

.swiper-pagination.swiper-pagination-hidden
{
    opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets
{
    bottom: 10px;
    left: 0;

    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic
{
    font-size: 0;

    overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    position: relative;

    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active
{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main
{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev
{
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev
{
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next
{
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next
{
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
}

.swiper-pagination-bullet
{
    display: inline-block;

    width: 8px;
    height: 8px;

    opacity: .2;
    border-radius: 100%;
    background: #000;
}

button.swiper-pagination-bullet
{
    margin: 0;
    padding: 0;

    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet
{
    cursor: pointer;
}

.swiper-pagination-bullet-active
{
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets
{
    top: 50%;
    right: 10px;

    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet
{
    display: block;

    margin: 6px 0;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
    top: 50%;

    width: 8px;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    display: inline-block;

    -webkit-transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
    left: 50%;

    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar
{
    position: absolute;

    background: rgba(0, 0, 0, .25);
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;

    background: #007aff;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
    top: 0;
    left: 0;

    width: 4px;
    height: 100%;
}

.swiper-pagination-white .swiper-pagination-bullet-active
{
    background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white
{
    background: rgba(255, 255, 255, .25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill
{
    background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active
{
    background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black
{
    background: rgba(0, 0, 0, .25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill
{
    background: #000;
}

.swiper-pagination-lock
{
    display: none;
}

/* Scrollbar */
.swiper-scrollbar
{
    position: relative;

    border-radius: 10px;
    background: rgba(0, 0, 0, .1);

    -ms-touch-action: none;
}

.swiper-container-horizontal > .swiper-scrollbar
{
    position: absolute;
    z-index: 50;
    bottom: 3px;
    left: 1%;

    width: 98%;
    height: 5px;
}

.swiper-container-vertical > .swiper-scrollbar
{
    position: absolute;
    z-index: 50;
    top: 1%;
    right: 3px;

    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag
{
    position: relative;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border-radius: 10px;
    background: rgba(0, 0, 0, .5);
}

.swiper-scrollbar-cursor-drag
{
    cursor: move;
}

.swiper-scrollbar-lock
{
    display: none;
}

.swiper-zoom-container
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;
    height: 100%;

    text-align: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas
{
    max-width: 100%;
    max-height: 100%;

    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed
{
    cursor: move;
}

/* Preloader */
.swiper-lazy-preloader
{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;

    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;

    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after
{
    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url('data:image/svg+xmlcharset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}

.swiper-lazy-preloader-white:after
{
    background-image: url('data:image/svg+xmlcharset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

@-webkit-keyframes swiper-preloader-spin
{
    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin
{
    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper-container .swiper-notification
{
    position: absolute;
    z-index: -1000;
    top: 0;
    left: 0;

    pointer-events: none;

    opacity: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide
{
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide
{
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide
{
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}

.swiper-container-cube
{
    overflow: visible;
}

.swiper-container-cube .swiper-slide
{
    z-index: 1;

    visibility: hidden;

    width: 100%;
    height: 100%;

    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide .swiper-slide
{
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide
{
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide
{
    visibility: visible;

    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right
{
    z-index: 0;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow
{
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .6;
    background: #000;

    -webkit-filter: blur(50px);
    filter: blur(50px);
}

.swiper-container-flip
{
    overflow: visible;
}

.swiper-container-flip .swiper-slide
{
    z-index: 1;

    pointer-events: none;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-flip .swiper-slide .swiper-slide
{
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right
{
    z-index: 0;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper
{
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}

/* top note */
.note_text
{
    font-size: 12px;

    margin-top: 12px;

    text-align: center;

    color: white;
}

/* lp add css */
.js-hidden
{
    display: none;
}

.js-addLawyerIcon img
{
    display: inline-block;

    width: auto;
    height: auto;
}

/* button */
.button_solo
{
    display: none;

    margin: 42px auto 0;
}

/* header */
#header
{
    position: absolute;
}

.header_area
{
    width: 130px;
    margin-top: 12px;
    margin-left: 8px;
}

/* top */
#top
{
    display: -webkit-flex;
    display:         flex;
    flex-direction: column;

    height: 700px;

    background-image: url('../image/about/sample.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 70%;
    background-size: cover;

    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}

#top .wrapper_buttons_top
{
    display: -webkit-flex;
    display:         flex;

    margin-top: 62px;

    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
}

#top .headline_top
{
    margin-top: 24px;
}

/* intro */
#intro
{
    width: 1100px;
    margin: -100px auto 0;
    padding: 60px;

    border-radius: 3px;
}

#intro .headline_intro
{
    text-align: center;
}

#intro .description_intro
{
    width: 80%;
    margin: 36px auto 48px;
    margin-top: 36px;
}

#intro .wrapper_solutions_intro
{
    display: -webkit-flex;
    display:         flex;

    -webkit-align-items: center;
    align-items: center;
}

#intro .each_solution
{
    position: relative;

    overflow: hidden;

    width: 32%;
    height: 180px;
    margin-right: 32px;

    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#intro .each_solution:nth-of-type(2)
{
    background-position: bottom !important;
}

#intro .each_solution:last-child
{
    margin-right: 0;
}

#intro .title_solution
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 180px;
    padding: 12px;

    text-align: center;

    border-top-left-radius: 3px;
    background: rgba(255, 255, 255, .7);
}

/* advantages */
#advantages
{
    width: 1100px;
    margin: 100px auto 0;
}

#advantages .wrapper_contents_advantages
{
    display: -webkit-flex;
    display:         flex;

    margin-bottom: 120px;

    -webkit-align-items: flex-start;
    align-items: flex-start;
}

#advantages .wrapper_contents_advantages:last-child
{
    margin-bottom: 0;
}

#advantages .pic_advantages
{
    width: 45%;
}

#advantages .info_advantages
{
    width: 49%;
}

#advantages .margin_right_advantages
{
    margin-right: 6%;
}

#advantages .batch_advantages
{
    font-size: 12px;
    line-height: 12px;

    display: block;

    width: 160px;
    margin-bottom: 12px;
    padding: 10px 0;

    text-align: center;

    border-radius: 60px;
}

#advantages .description_advantages
{
    margin-top: 18px;
}

/* features */
#features
{
    margin-top: 100px;
    padding: 70px 0;
}

#features .wrapper_contents_features
{
    display: -webkit-flex;
    display:         flex;

    width: 1100px;
    margin: 0 auto;
    margin-top: 40px;

    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#features .each_feature
{
    width: 30%;
    margin-right: 5%;
    margin-bottom: 36px;
    padding: 36px;

    border: solid 1px #eee;
    border-radius: 3px;
}

#features .each_feature:nth-of-type(3n)
{
    margin-right: 0;
}

#features .each_feature:nth-of-type(4),
#features .each_feature:nth-of-type(5),
#features .each_feature:nth-of-type(6)
{
    margin-bottom: 0;
}

#features .description_features
{
    line-height: 24px;

    margin-top: 16px;
}

#features .title_feature
{
    text-align: center;
}

#features .icon_feature
{
    display: block;

    height: 48px;
    margin: 0 auto;
}

#features .icon_heart_border
{
    width: 35px;
}

#features .icon_batch
{
    width: 35px;
}

#features .icon_tie
{
    width: 21px;
}

#features .icon_edit
{
    width: 40px;
}

#features .icon_comment
{
    width: 35px;
}

/* conversion */
#conversion
{
    display: -webkit-flex;
    display:         flex;
    flex-direction: column;

    height: 380px;

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 70%;
    background-size: cover;

    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}

#conversion .wrapper_buttons_conversion
{
    display: -webkit-flex;
    display:         flex;

    margin-top: 48px;

    -webkit-justify-content: center;
    justify-content: center;
}

#conversion .catch_conversion
{
    text-align: center;
}

#conversion .headline_conversions
{
    margin-top: 18px;
}

/* flow */
#flow
{
    padding: 80px 0;
}

#flow .wrapper_contents_flow
{
    display: -webkit-flex;
    display:         flex;

    width: 840px;
    margin: 40px auto 0;
}

#flow .dot_flow
{
    display: block;

    width: 8px;
    height: 8px;
    margin-bottom: 8px;

    border-radius: 50%;
}

#flow .position_dot
{
    position: relative;
}

#flow .bar_flow
{
    position: relative;
}

#flow .arrow_edge_flow
{
    position: absolute;
    bottom: -22px;
    left: -6px;

    display: block;

    width: 0;
    height: 0;

    content: '';

    border-width: 14px 10px 0 10px;
    border-style: solid;
    border-color: #ddd transparent transparent transparent;
}

#flow .main_bar_flow
{
    display: block;

    width: 8px;
    height: 93%;
    margin-bottom: 8px;

    border-radius: 12px;
}

#flow .wrapper_each_step_flow
{
    position: relative;

    display: -webkit-flex;
    display:         flex;

    height: 140px;
    margin-bottom: 32px;
}

#flow .wrapper_each_step_flow:last-child
{
    margin-bottom: 0;
}

#flow .each_sth
{
    display: -webkit-flex;
    display:         flex;

    width: 88%;
}

#flow .blank_flow
{
    display: -webkit-flex;
    display:         flex;
    flex-direction: column;

    width: 12%;

    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}

#flow .border_flow
{
    display: block;

    width: 86%;
    height: 4px;
    margin-left: auto;

    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

#flow .wrapper_number_flow
{
    position: relative;

    display: -webkit-flex;
    display:         flex;
    flex-direction: column;

    width: 21%;

    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;

    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}

#flow .wrapper_number_flow:after
{
    position: absolute;
    top: 60px;
    right: -10px;

    display: block;

    width: 0;
    height: 0;

    content: '';

    border-width: 8px 0 8px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #36504d;
}

#flow .number_flow
{
    font-size: 13px;
    line-height: 13px;

    text-align: center;
}

#flow .description_flow
{
    line-height: 20px;

    margin-top: 12px;
}

#flow .info_flow
{
    display: -webkit-flex;
    display:         flex;
    flex-direction: column;

    width: 79%;
    padding: 24px 32px;

    border-top: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;

    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}

#flow .mark_dot_flow
{
    position: absolute;
    top: 50%;
    left: -4px;

    width: 22px;
    height: 22px;

    transform: translate(-50%, -50%);

    border: solid 4px #f9f9f9;
    border-radius: 50%;
    background: #999;
}

/* voice */
#voice
{
    padding-top: 80px;
}

#slider_voice
{
    margin-top: 40px;
}

#voice .each_voice
{
    width: 360px;
    min-height: 200px;
    margin: 0 11px;
    padding: 24px;

    border: solid 1px #eee;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .05);
}

#voice .wrapper_icon_voice
{
    display: -webkit-flex;
    display:         flex;
    flex-direction: column;

    width: 54px;
    height: 54px;
    margin: 0 auto;

    border-radius: 50%;

    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}

#voice .icon_voice
{
    width: 22px;
    margin: 0 auto;
}

#voice .description_voice
{
    line-height: 20px;

    width: 80%;
    margin: 12px auto 0;
}

/* question */
#question
{
    margin: 0 auto;
    padding: 80px 0;

    text-align: center;
}

#question .accordion
{
    width: 1080px;
    margin: 40px auto 0;
}

#question .accordion ul
{
    width: 100%;
    padding: 0;

    text-align: left;
}

#question .accordion li
{
    position: relative;

    padding: 22px;

    list-style: none;

    transition: .1s all ease 0s;
}

#question .accordion > ul > li > a
{
    position: relative;

    display: block;

    cursor: pointer;
    text-decoration: none;
}

#question .wrapper_answer
{
    line-height: 24px;

    display: none;

    width: 96%;
    margin-top: 22px;
}

#question .inner_answer
{
    display: -webkit-flex;
    display:         flex;

    -webkit-align-item: flex-start;
    align-items: flex-start;
}

#question .accordion li .accordion_icon,
#question .accordion li .accordion_icon span
{
    display: inline-block;

    box-sizing: border-box;

    transition: all .2s;
}

#question .accordion li .accordion_icon
{
    position: absolute;
    top: 10px;
    right: 0;

    width: 14px;
    height: 14px;
}

#question .accordion li .accordion_icon span
{
    position: absolute;

    width: 100%;
    height: 2px;

    background-color: #ccc;
}

#question .accordion li .accordion_icon span:nth-of-type(1)
{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#question .accordion li .accordion_icon span:nth-of-type(2)
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

#question .accordion li .accordion_icon.active span:nth-of-type(1)
{
    display: none;
}

#question .accordion li .accordion_icon.active span:nth-of-type(2)
{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#question .faq
{
    width: 100%;
    margin-bottom: 24px;

    border: solid 1px #eee;
    border-bottom: solid 5px #eee;
    border-radius: 3px;
}

#question .faq:last-child
{
    margin-bottom: 0;
}

#question .wrapper_question
{
    line-height: 24px;

    display: -webkit-flex;
    display:         flex;

    width: 96%;

    -webkit-align-items: flex-start;
    align-items: flex-start;
}

#question .initial_question
{
    line-height: 24px;

    margin-right: 6px;
}

#question .detail_question
{
    line-height: 24px;
}

@media screen and (max-width: 1200px)
{
    /* top */
    #top .wrapper_contents_top
    {
        width: 90%;
        margin: 0 auto;
    }
    #top .headline_top
    {
        margin-top: 24px;
    }
    #top .wrapper_buttons_top
    {
        margin-top: 62px;
    }
    /* intro */
    #intro
    {
        width: 90%;
    }
    /* features */
    #features .wrapper_contents_features
    {
        width: 90%;
    }
    #features .each_feature
    {
        width: 31%;
        margin-right: 3.5%;
        margin-bottom: 3.5%;
    }
    /* advantages */
    #advantages
    {
        width: 90%;
    }
    /* conversion */
    #conversion .catch_conversion
    {
        margin: 0 auto;
    }
    #conversion .headline_conversions
    {
        margin-top: 18px;
    }
    #conversion .wrapper_buttons_conversion
    {
        margin-top: 48px;
    }
    /* question */
    #question .accordion
    {
        width: 90%;
    }
}

@media screen and (max-width: 1080px)
{
    /* top */
    #top
    {
        background-attachment: inherit;
    }
    /* conversion */
    #conversion
    {
        background-attachment: inherit;
    }
}

@media screen and (max-width: 768px)
{
    /* intro */
    #intro
    {
        padding: 48px;
    }
    #intro .description_intro
    {
        width: 100%;
    }
    #intro .wrapper_solutions_intro
    {
        flex-direction: column;

        -webkit-flex-direction: column;
    }
    #intro .each_solution
    {
        width: 100%;
        margin-right: 0;
    }
    #intro .each_solution
    {
        margin-bottom: 30px;
    }
    #intro .each_solution:last-child
    {
        margin-bottom: 0;
    }
    /* advantages */
    #advantages .wrapper_contents_advantages
    {
        flex-direction: column;

        -webkit-flex-direvtion: column;
    }
    #advantages .info_advantages
    {
        width: 80%;
        margin: 40px auto 0;
    }
    #advantages .pic_advantages
    {
        width: 80%;
        margin: 0 auto;
    }
    #advantages .column_reverse_responsive
    {
        flex-direction: column-reverse;

        -webkit-flex-direction: column-reverse;
    }
    /* features */
    #features .each_feature
    {
        width: 45%;
    }
    #features .each_feature
    {
        width: 48.25%;
    }
    #features .each_feature:nth-of-type(2n)
    {
        margin-right: 0 !important;
    }
    #features .each_feature:nth-of-type(3n)
    {
        margin-right: 3.5%;
    }
    #features .each_feature:nth-of-type(4)
    {
        margin-bottom: 3.5%;
    }
    /* flow */
    #flow .wrapper_contents_flow
    {
        width: 90%;
    }
    #flow .blank_flow
    {
        width: 9%;
    }
    #flow .each_sth
    {
        width: 91%;
    }
    #flow .info_flow
    {
        width: 79%;
    }
}

@media screen and (max-width: 600px)
{
    /* top */
    #top
    {
        height: 98vh;

        background-image: url('../image/about/sample-sp.jpg');
    }
    /* intro */
    #intro
    {
        margin-top: 0;
    }
    /* advantages */
    #advantages .pic_advantages
    {
        width: 100%;
    }
    #advantages .info_advantages
    {
        width: 100%;
    }
}

@media screen and (max-width: 480px)
{
    /* top */
    #top .wrapper_buttons_top
    {
        flex-direction: column;

        margin-top: 42px;

        -webkit-flex-direction: column;
    }
    /* intro */
    #intro
    {
        width: 100%;
        padding: 50px 0;
    }
    #intro .headline_intro
    {
        width: 90%;
        margin: 0 auto;
    }
    #intro .description_intro
    {
        width: 90%;
        margin: 36px auto;
    }
    #intro .each_solution
    {
        height: 160px;

        border-radius: 0;
    }
    /* advantages */
    #advantages
    {
        margin-top: 50px;
    }
    /* features */
    #features
    {
        margin-top: 50px;
        padding: 50px 0;
    }
    #features .each_feature
    {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 6% !important;
        padding: 24px;
    }
    /* conversion */
    #conversion
    {
        height: 460px;
    }
    #conversion .wrapper_buttons_conversion
    {
        flex-direction: column;

        margin-top: 24px;

        -webkit-flex-direction: column;
    }
    #conversion .wrapper_contents_conversion
    {
        width: 90%;
        margin: 0 auto;
    }
    /* flow */
    #flow
    {
        padding-top: 50px;
    }
    #flow .each_sth
    {
        flex-direction: column;

        width: 91%;

        -webkit-flex-direction: column;
    }
    #flow .wrapper_each_step_flow
    {
        height: auto;
    }
    #flow .wrapper_number_flow
    {
        width: 100%;
    }
    #flow .info_flow
    {
        width: 100%;
        padding: 24px;
    }
    #flow .number_flow
    {
        padding: 12px 0;
    }
    #flow .wrapper_number_flow:after
    {
        display: none;
    }
    /* voice */
    #voice
    {
        padding-top: 50px;
    }
    /* question */
    #question
    {
        padding: 50px 0;
    }
    #question .wrapper_question
    {
        width: 92%;
    }
}

/* selection color */
::selection
{
    background: #1cc2d0;
}

::-moz-selection
{
    background: #1cc2d0;
}

/* clearfix */
.clearfix:after
{
    display: block;
    clear: both;

    content: '';
}

/* colors */
.primary_blue
{
    background: #1cc2d0;
}

.primary_dark
{
    background: #36504d;
}

.primary_white
{
    background: #fff;
}

.primary_gray
{
    background: #f9f9f9;
}

.secondary_gray
{
    background: #ddd;
}

.primary_pink
{
    background: #fff4f9;
}

/* text_color */
.text_white
{
    color: #fff;
}

.text_dark
{
    color: #36504d;
}

.text_blue
{
    color: #1cc2d0;
}

/* font_weight */
.font_bold
{
    font-weight: bold;
}

/* buttons */
.button_consult
{
    font-weight: bold;

    width: 260px;
    padding: 18px 0;
    padding: 22px 0;

    transition: .3s all ease 0s;
    text-align: center;

    border-bottom: solid 5px #25a6b1;
    border-radius: 3px;
}

.button_project
{
    font-weight: bold;

    width: 260px;
    padding: 18px 0;
    padding: 22px 0;

    transition: .3s all ease 0s;
    text-align: center;

    border-bottom: solid 5px #334543;
    border-radius: 3px;
}

.button_consult:hover,
.button_project:hover
{
    transform: translate3d(0, 3px, 0);

    border-bottom: none;
}

.margin_right_button
{
    margin-right: 32px;
}

/* headline */
.headline_large
{
    font-size: 42px;
    line-height: 42px;

    text-align: center;
}

.headline_middle
{
    font-size: 26px;
    line-height: 42px;
}

.headline_small
{
    font-size: 20px;
    line-height: 20px;

    text-align: center;
}

/* title */
.title_section
{
    font-size: 24px;
    line-height: 24px;

    text-align: center;
}

.title_middle
{
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

/* description */
.description_common
{
    line-height: 30px;
}

/* word break */
.break_on_sp
{
    display: none;
}

.break_off_sp
{
    display: block;
}

@media screen and (max-width: 768px)
{
    /* headline */
    .headline_large
    {
        font-size: 40px;
        line-height: 40px;
    }
    .headline_middle
    {
        font-size: 24px;
        line-height: 40px;
    }
    .headline_small
    {
        font-size: 18px;
        line-height: 18px;
    }
    /* title */
    .title_section
    {
        font-size: 22px;
        line-height: 22px;
    }
    .title_middle
    {
        font-size: 16px;
        line-height: 22px;
    }
}

@media screen and (max-width: 600px)
{
    /* headline */
    .headline_large
    {
        font-size: 32px;
        line-height: 36px;
    }
    .headline_middle
    {
        font-size: 22px;
        line-height: 38px;
    }
    .headline_small
    {
        font-size: 16px;
        line-height: 24px;
    }
    /* title */
    .title_section
    {
        font-size: 18px;
        line-height: 18px;
    }
    /* word break */
    .break_on_sp
    {
        display: block;
    }
    .break_off_sp
    {
        display: none;
    }
}

@media screen and (max-width: 480px)
{
    /* buttons */
    .margin_right_button
    {
        margin-right: 0;
    }
    .button_consult,
    .button_project
    {
        width: 100%;
    }
    .button_consult
    {
        margin-bottom: 18px;
    }
}
.sideAtom {
    position: fixed;
    width: 300px;
    bottom: 10px;
}
.btmBnr {
    display: none;
    position: fixed;
    bottom: 0;
    margin:  0 auto;
    right: 0;
    /*height: 120px;*/
    text-align: center;
    padding: 0 10px 10px 10px;
    z-index: 100;
    background: rgba(255, 255, 255 , 1);
}
.atomRndBnr {
    max-height: 60px;
}

@media screen and (max-width: 900px)
{
    .btmBnr {
        display: block;
        position: fixed;
        bottom: 0;
        margin:  0 auto;
        left: 0;
        right: 0;
        width: 100%;
        /*height: 120px;*/
        text-align: center;
        padding: 0 10px 10px 10px;
        z-index: 100;
        background: rgba(255, 255, 255 , 1);
    }
    .atomRndBnr {
        max-height: 100px;
    }
    .l-all {
        margin-bottom: 120px;
    }
    .sideAtom {
        position: unset;
        width: auto;
        bottom: none;
    }
}