@charset "utf-8";
/* スタイルシート
作成者：Hatomi Inc.
作成日：R8.05.20
-------------------------------------------------------------------------------------*/
/*****************************

Component

*****************************/
/* title__bar */
.p-sectionHeading {
    position: relative;
    padding-left: 1.5rem;
}
.p-sectionHeading::before {
    content: "";
    position: absolute;
    top: 0.35em;
    left: 0;
    width: 1rem;
    height: 1rem;
    background: #004A8F;
}
.p-sectionHeading__title {
    color: #004A8F;
    font-weight: 700;
    line-height: 1.4;
}
/* PC */
@media screen and (min-width: 701px) {
    .p-sectionHeading__title {
        font-size: 1.2rem;
    }
}
/* TB */
@media screen and (min-width: 481px) and (max-width: 700px) {
    .p-sectionHeading__title {
        font-size: 1.15rem;
    }
}
/* SP */
@media screen and (max-width: 480px) {
    .p-sectionHeading__title {
        font-size: 1.1rem;
    }
}
.p-toolSection__title {
    color: #004A8F;
    font-weight: 700;
    line-height: 1.4;
    position: relative;
    /*padding-left: 1.2rem;*/
}
/*
.p-toolSection__title::before {
    content: "";
    position: absolute;
    top: 0.38em;
    left: 0;
    width: .9rem;
    height: .9rem;
    background: #004A8F;
}
*/
/* PC */
@media screen and (min-width: 701px) {
    .p-toolSection__title {
        font-size: 1rem;
    }
}
/* TB */
@media screen and (min-width: 481px) and (max-width: 700px) {
    .p-toolSection__title {
        font-size: 1rem;
    }
}
/* SP */
@media screen and (max-width: 480px) {
    .p-toolSection__title {
        font-size: 1rem;
    }
}
/* c-largeButton */
.c-largeButton {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 20rem;
    min-height: 4rem;
    padding: 1rem 1rem 1rem 1rem;
    background: #004b99;
    border-radius: 999rem;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.3s ease;
    margin: 0 0;
}
@media screen and (max-width: 850px) {
    .c-largeButton {
        margin: 0 0 0 auto;
    }
}
.c-largeButton:hover {
    opacity: 0.85;
}
.c-largeButton__text {
    font-size: 1.0rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}
.c-largeButton__icon {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #fff;
    border-radius: 50%;
    transform: translateY(-50%);
}
.c-largeButton__icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.35rem;
    height: 0.35rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translate(-20%, -50%) rotate(45deg);
}
.c-largeButton__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: .5rem;
    height: 1px;
    background: #fff;
    transform: translate(-50%, -50%);
}


/*******************************************************************************

Detail

*******************************************************************************/


/*****************************

toolDetail

*****************************/
.p-toolDetail {
    padding: 4rem 0 0;
}
@media screen and (max-width:700px) {
    .p-toolDetail {
        padding-top: 3rem;
    }
}
.p-toolDetail__head {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}
@media screen and (max-width:850px) {
    .p-toolDetail__head {
        display: block;
    }
}
/*****************************

p-toolDetail__image

*****************************/
.p-toolDetail__image {
    width: 48%;
}
@media screen and (max-width:950px) {
    .p-toolDetail__image {
        width: 60%;
    }
}
@media screen and (max-width:850px) {
    .p-toolDetail__image {
        width: 50%;
        margin: 0 auto;
    }
}
@media screen and (max-width:700px) {
    .p-toolDetail__image {
        width: 100%;
    }
}
.p-toolDetail__image img {
    width: 100%;
}
/*****************************

p-toolVisual

*****************************/
.p-toolVisual {
    position: relative;
    width: 100%;
}
.p-toolVisual__desktop {
    display: block;
    width: 100%;
}
/*
---------------------------------
ロゴ
---------------------------------
*/
.p-toolVisual__logo {
    position: absolute;
    top: 14%;
    left: 16%;
    width: 68%;
    height: 52%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.p-toolVisual__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* TB */
@media screen and (min-width:481px) and (max-width:700px) {
    .p-toolVisual__logo {
        top: 12.5%;
        left: 16%;
        width: 68%;
        height: 52%;
    }
}
/* SP */
@media screen and (max-width:480px) {
    .p-toolVisual__logo {
        top: 12%;
        left: 16%;
        width: 68%;
        height: 52%;
    }
}
/*****************************

p-toolDetail__info

*****************************/
.p-toolDetail__info {
    width: 52%;
}
@media screen and (max-width:950px) {
    .p-toolDetail__info {
        width: 40%;
    }
}
@media screen and (max-width:850px) {
    .p-toolDetail__info {
        width: 100%;
        margin-top: 1rem;
    }
}
.p-toolDetail__label {
    display: inline-block;
    padding: .2rem .6rem;
    background: #004A8F;
    color: #FFF;
    font-size: .75rem;
}
.p-toolDetail__title {
    margin-top: 1.5rem;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 700;
}
@media screen and (max-width:700px) {
    .p-toolDetail__title {
        font-size: 1.6rem;
    }
}
.p-toolDetail__categoryList {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.5rem;
}
.p-toolDetail__category {
    padding: .2rem 1rem;
    border: 1px solid #4C81BF;
    border-radius: 999px;
    font-size: .8rem;
    color: #4C81BF;
}
/*
.p-toolDetail__company{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-top:1.5rem;
}

.p-toolDetail__companyName{
  font-size:1rem;
  font-weight:700;
}
*/
/*****************************

company

*****************************/
.toolDetail__company {
    position: relative;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 1.5rem;
}
/* PC */
@media screen and (min-width: 701px) {
    .toolDetail__company {
        padding-left: 2rem;
        font-size: 1.1rem;
        margin-bottom: 1rem;
    }
}
/* TB */
@media screen and (min-width: 481px) and (max-width: 700px) {
    .toolDetail__company {
        padding-left: 1.8rem;
        font-size: 1rem;
        margin-bottom: 0.8rem;
    }
}
/* SP */
@media screen and (max-width: 480px) {
    .toolDetail__company {
        padding-left: 1.6rem;
        font-size: 0.95rem;
        margin-bottom: 0.8rem;
    }
}
.toolDetail__company::before {
    content: "";
    position: absolute;
    top: 0.15em;
    left: 0;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.9 21.9"><circle fill="%234a7bb4" cx="10.9" cy="10.9" r="10.9"/><polygon fill="%23fff" points="11.2 4.2 16.3 4.9 16.3 17.1 11.2 17.6 11.2 4.2"/><path fill="%23fff" d="M10.7,17.7l-1.4-.2v-2.1h-2.7c0-.1,0,1.7,0,1.7l-1.1-.2V6s5.1-1.8,5.1-1.8v13.5ZM10,6.1l-.9.3v1.1l.9-.2v-1.2ZM8.3,6.6l-.9.2v1.1c.3,0,.6,0,.9-.2v-1ZM6.1,8.2c.2,0,.6,0,.8-.2v-1l-.8.3v1ZM10,9.5v-1.3l-.9.2v1.2h.9ZM8.3,8.6c-.3,0-.6,0-.9.2v1h.9v-1.3ZM6.8,8.9h-.8v1.2h.8v-1.2ZM10,10.4h-.9v1.3h.9v-1.3ZM8.3,10.7h-.9v1.1c.3,0,.6,0,.9,0v-1.1ZM6.8,10.9h-.8v1.1h.8v-1.1Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
/* PC */
@media screen and (min-width: 701px) {
    .toolDetail__company::before {
        width: 1.3rem;
        height: 1.3rem;
    }
}
/* TB */
@media screen and (min-width: 481px) and (max-width: 700px) {
    .toolDetail__company::before {
        width: 1.2rem;
        height: 1.2rem;
    }
}
/* SP */
@media screen and (max-width: 480px) {
    .toolDetail__company::before {
        width: 1.1rem;
        height: 1.1rem;
    }
}
.p-toolDetail__button {
    max-width: 350px;
    margin-top: 2rem;
}
@media screen and (max-width: 850px) {
    .p-toolDetail__button {
        margin: 1rem 0 0 auto;
    }
}
@media screen and (max-width: 700px) {
    .p-toolDetail__button {
        margin: 1rem 0 0 auto;
    }
}
/*****************************

toolSection

*****************************/
.p-toolSection {
    margin-top: 2rem;
    padding: 2.5rem 1.5rem;
    background: #F5F2EB;
    border-radius: 1rem;
}
@media screen and (max-width:700px) {
    .p-toolSection {
        padding: 2.5rem 1.5rem;
        margin-top: 2rem;
    }
}
.p-toolSection__title {}
.p-toolSection__body {
    margin-top: 1.5rem;
}
.p-toolSection__body p {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 2;
}
.p-toolSection__body p:first-child {
    margin-top: 0;
}
/*****************************

toolOverview

*****************************/
.p-toolOverview {
    margin-top: 1.5rem;
}

.p-toolOverview .p-toolSection {
    padding: 1rem 1.5rem 2rem;
}
@media screen and (max-width:700px) {
    .p-toolOverview .p-toolSection {
       padding: 1rem 1.5rem 2rem;
    }
}

/*****************************

toolCase

*****************************/
.p-toolCase {
    margin-top: 2.5rem;
}
@media screen and (max-width:700px) {
    .p-toolCase {
        margin-top: 2.5rem;
    }
}
/*****************************

toolSection unit

*****************************/
.p-toolSection__unit {
    margin-top: 2rem;
}
.p-toolSection__unit:first-child {
    margin-top: 0;
}
@media screen and (max-width:700px) {
    .p-toolSection__unit {
        margin-top: 2rem;
    }
}
/*****************************

toolPrice

*****************************/
.p-toolPrice {
    margin-top: 2rem;
}
@media screen and (max-width:700px) {
    .p-toolPrice {
        margin-top: 2rem;
    }
}
.p-toolPrice__tableWrap {
    margin-top: 2rem;
}
.p-toolPrice__table {
    width: 100%;
    border-collapse: collapse;
}
.p-toolPrice__table th, .p-toolPrice__table td {
    border: 1px solid #D9D9D9;
    vertical-align: middle;
}
.p-toolPrice__table th {
    width: 28%;
    padding: .8rem .8rem;
    background: #4C81BF;
    color: #FFF;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
}
.p-toolPrice__table td {
    padding: .8rem .8rem;
    background: #FFF;
    font-size: 1rem;
    line-height: 2;
}
@media screen and (max-width:700px) {
    .p-toolPrice__table th {
        width: 35%;
        padding: .8rem .8rem;
    }
}
@media screen and (max-width:700px) {
    .p-toolPrice__table td {
        padding: .8rem .8rem;
    }
}
@media screen and (max-width:480px) {
    .p-toolPrice__table th {
        display: block;
        width: 100%;
    }
}
@media screen and (max-width:480px) {
    .p-toolPrice__table td {
        display: block;
        width: 100%;
    }
}
/*****************************

toolModel

*****************************/
.p-toolModel {
    margin-top: 5rem;
}
@media screen and (max-width:700px) {
    .p-toolModel {
        margin-top: 4rem;
    }
}
/*****************************

unit

*****************************/
.p-toolModel__unit {
    margin-top: 2rem;
    padding: 2.5rem;
    background: #F5F2EB;
    border-radius: 1rem;
}
.p-toolModel__unit:first-child {
    margin-top: 0;
}
@media screen and (max-width:700px) {
    .p-toolModel__unit {
        padding: 2rem;
    }
}
/*****************************

head

*****************************/
.p-toolModel__head {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
@media screen and (max-width:700px) {
    .p-toolModel__head {
        gap: 1rem;
    }
}
/*****************************

item

*****************************/
.p-toolModel__item {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 30px;
    padding-left: 3rem;
    font-size: 1rem;
    line-height: 1.6;
}
@media screen and (max-width:480px) {
    .p-toolModel__item {
        width: 100%;
    }
}
/*****************************

icon

*****************************/
.p-toolModel__item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
/*
---------------------------------
icon01 業種
---------------------------------
*/
/*
---------------------------------
icon01 業種
---------------------------------
*/
.p-toolModel__item.is-industry::before {
    background-image:
        url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">\
<path fill="%234A7BB4" d="M30,15c0,8.3-6.7,15-15,15S0,23.3,0,15,6.7,0,15,0s15,6.7,15,15"/>\
<path fill="%23FFF" d="M14.2,17.4c0-.2,0-.5-.2-.7l.9-.7c-.2-.4-.4-.8-.6-1.1l-1.1.4c-.3-.4-.7-.6-1.1-.9v-1.1c-.2-.2-.7-.3-1.1-.3l-.5,1c-.2,0-.5,0-.7,0-.2,0-.5,0-.7.2l-.7-.9c-.4.2-.8.4-1.1.6l.4,1.1c-.4.3-.6.7-.9,1.1h-1.1c-.2.2-.3.7-.3,1.1l1,.5c0,.2,0,.5,0,.7,0,.2,0,.5.2.7l-.9.7c.2.4.4.8.6,1.1l1.1-.4c.3.4.7.6,1.1.9v1.1c.2.2.6.3,1.1.3l.5-1c.2,0,.5,0,.7,0,.2,0,.5,0,.7-.2l.7.9c.4-.2.8-.4,1.1-.6l-.4-1.1c.4-.3.6-.7.9-1.1h1.1c.2-.2.3-.7.3-1.1l-1-.5c0-.2,0-.5,0-.7M10.6,20c-1.2.1-2.2-.7-2.4-1.8-.1-1.2.7-2.2,1.8-2.4,1.2-.1,2.2.7,2.4,1.8.1,1.2-.7,2.2-1.8,2.4"/>\
<path fill="%23FFF" d="M18.9,12.2c0-.2.1-.4.1-.6l.9-.2c0-.3,0-.7,0-1h-.9c-.1-.4-.3-.8-.5-1.1l.5-.8c-.2-.2-.5-.5-.8-.7l-.7.6c-.2,0-.3-.2-.5-.2-.2,0-.4,0-.6-.1l-.2-.9c-.3,0-.7,0-1,0v.9c-.4.1-.8.3-1.1.5l-.8-.5c-.2.2-.5.5-.7.8l.6.7c0,.2-.2.3-.2.5,0,.2-.1.4-.1.6l-.9.2c0,.3,0,.7,0,1h.9c.1.4.3.8.5,1.1l-.5.8c.2.2.5.5.8.7l.7-.6c.2,0,.3.2.5.2.2,0,.4,0,.6.1l.2.9c.3,0,.7,0,1,0v-.9c.4-.1.8-.3,1.1-.5l.8.5c.2-.2.5-.5.7-.8l-.6-.7c0-.2.2-.3.2-.5M15.4,12.9c-.9-.3-1.4-1.3-1.1-2.2.3-.9,1.3-1.4,2.2-1.1.9.3,1.4,1.3,1.1,2.2-.3.9-1.3,1.4-2.2,1.1"/>\
<path fill="%23FFF" d="M21,18c0-.1.1-.2.2-.4h.6c0-.2.1-.4.1-.7l-.6-.2c0-.3,0-.5-.2-.8l.5-.4c-.1-.2-.2-.4-.4-.6l-.6.3c0,0-.2-.2-.3-.2-.1,0-.2-.1-.4-.2v-.6c-.2,0-.4-.1-.7-.1l-.2.6c-.3,0-.5,0-.8.2l-.4-.5c-.2.1-.4.2-.6.4l.3.6c0,0-.2.2-.2.3,0,.1-.1.2-.2.4h-.6c0,.2-.1.4-.1.7l.6.2c0,.3,0,.5.2.8l-.5.4c.1.2.2.4.4.6l.6-.3c0,0,.2.2.3.2s.2.1.4.2v.6c.2,0,.4.1.7.1l.2-.6c.3,0,.5,0,.8-.2l.4.5c.2-.1.4-.2.6-.4l-.3-.6c0,0,.2-.2.2-.3M18.6,17.9c-.6-.3-.7-1.1-.4-1.6.3-.6,1.1-.7,1.6-.4s.7,1.1.4,1.6c-.3.6-1.1.7-1.6.4"/>\
</svg>');
}
/*
---------------------------------
icon02 従業員規模
---------------------------------
*/
.p-toolModel__item.is-user::before {
    background-image:
        url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">\
<path fill="%234A7BB4" d="M30,15c0,8.3-6.7,15-15,15S0,23.3,0,15,6.7,0,15,0s15,6.7,15,15"/>\
<path fill="%23FFF" d="M18.5,22.9h-7c-.3-2,.2-4.8,2.5-5.4.9-.2,2-.2,2.8.3,1.7.9,1.9,3.3,1.7,5.1"/>\
<path fill="%23FFF" d="M6.4,18.5c-.2-1.6,0-4,1.6-5,.9-.6,2.2-.6,3.2-.3-.2,1.4,0,2.8,1.2,3.8,0,0-.7.7-.8.8-.2.2-.3.5-.5.6h-4.7Z"/>\
<path fill="%23FFF" d="M23.6,18.5h-4.7c-.2-.3-.4-.7-.7-.9-.1-.1-.6-.4-.6-.5,1.1-1,1.4-2.4,1.2-3.8,1-.3,2.3-.3,3.2.3,1.6,1,1.8,3.3,1.6,5"/>\
<path fill="%23FFF" d="M17.8,14.2c0,1.5-1.2,2.8-2.8,2.8s-2.8-1.2-2.8-2.8,1.2-2.8,2.8-2.8,2.8,1.2,2.8,2.8"/>\
<path fill="%23FFF" d="M12.7,9.9c0,1.5-1.2,2.8-2.8,2.8s-2.8-1.2-2.8-2.8,1.2-2.8,2.8-2.8,2.8,1.2,2.8,2.8"/>\
<path fill="%23FFF" d="M22.9,9.9c0,1.5-1.2,2.8-2.8,2.8s-2.8-1.2-2.8-2.8,1.2-2.8,2.8-2.8,2.8,1.2,2.8,2.8"/>\
</svg>');
}
/*
---------------------------------
icon03 ライセンス数
---------------------------------
*/
.p-toolModel__item.is-license::before {
    background-image:
        url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">\
<path fill="%234A7BB4" d="M30,15c0,8.3-6.7,15-15,15S0,23.3,0,15,6.7,0,15,0s15,6.7,15,15"/>\
<path fill="%23FFF" d="M21.3,12.5c0,3.5-2.8,6.3-6.3,6.3s-6.3-2.8-6.3-6.3,2.8-6.3,6.3-6.3,6.3,2.8,6.3,6.3M19.5,12.5c0-2.5-2-4.5-4.5-4.5s-4.5,2-4.5,4.5,2,4.5,4.5,4.5,4.5-2,4.5-4.5"/>\
<polygon fill="%23FFF" points="18.8 19.4 18.8 25.4 16.1 24.2 15.9 23.9 15.9 20.1 18.8 19.4"/>\
<path fill="%23FFF" d="M11.3,19.4l2.6.7c-.1,1,.3,3.6-.2,4.2-.3.3-1.9.9-2.4,1.1v-6Z"/>\
<path fill="%23FFF" d="M17.8,11.9l-1.4,1.4.3,2-1.7-1.1-1.8,1.1.4-2-1.7-1.3,2.2-.2.8-2.1c.5,1.8.6,2.5,2.8,2.2"/>\
</svg>');
}
/*****************************

body

*****************************/
.p-toolModel__body {
    margin-top: 2rem;
}
/*****************************

row

*****************************/
.p-toolModel__row {
    display: flex;
    gap: .5rem;
    margin-top: 1rem;
}
.p-toolModel__row:first-child {
    margin-top: 0;
}
@media screen and (max-width:480px) {
    .p-toolModel__row {
        display: block;
    }
}
/*****************************

text

*****************************/
.p-toolModel__row dt {
    flex-shrink: 0;
    font-size: 1rem;
    line-height: 1.8;
}
.p-toolModel__row dd {
    font-size: 1rem;
    line-height: 1.8;
}
@media screen and (max-width:480px) {
    .p-toolModel__row dd {
        margin-top: .25rem;
    }
}
/*****************************

toolProvider

*****************************/
.p-toolProvider {
    margin: 2rem 0 4rem;
}
@media screen and (max-width:700px) {
    .p-toolProvider {
        margin: 2rem 0 4rem;
    }
}

/*****************************

p-toolSection__unit

*****************************/
.p-toolProvider .p-toolSection__unit {
    margin-top: 3rem;
}
@media screen and (max-width:700px) {
    .p-toolProvider .p-toolSection__unit {
        margin-top: 3rem;
    }
}

/*****************************

head

*****************************/
.p-toolProvider__head {
    display: flex;
    gap: 2rem;
    align-items: center;
}
@media screen and (max-width:700px) {
    .p-toolProvider__head {
        display: block;
    }
}
/*****************************

logo

*****************************/
.p-toolProvider__logo {
    width: 350px;
    flex-shrink: 0;
}
@media screen and (max-width:700px) {
    .p-toolProvider__logo {
        width: 60%;
					   margin: 0 auto;
    }
}
@media screen and (max-width:480px) {
    .p-toolProvider__logo {
        width: 100%;
    }
}
.p-toolProvider__logo img {
    width: 100%;
    display: block;
}
/*****************************

info

*****************************/
.p-toolProvider__info {
    flex: 1;
}
@media screen and (max-width:700px) {
    .p-toolProvider__info {
        margin-top: 1.5rem;
    }
}
/*****************************

company

*****************************/
.p-toolProvider__company {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6;
}
/*****************************

url

*****************************/
.p-toolProvider__url {
    position: relative;
    margin-top: .5rem;
    padding-left: 2.5rem;
}
.p-toolProvider__url::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image:
        url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.9 21.9">\
<path fill="%234A7BB4" d="M21.9,10.9c0,6-4.9,10.9-10.9,10.9S0,17,0,10.9C0,4.9,4.9,0,10.9,0S21.9,4.9,21.9,10.9"/>\
<path fill="%23FFF" d="M16.3,8.5c-0.1-0.3-0.2-0.6-0.3-0.8c-0.1-0.3-0.3-0.5-0.6-0.7c-0.3-0.3-0.7-0.5-1-0.7C13.9,6,13.3,5.9,12.7,6c-0.3,0.1-0.6,0.2-0.8,0.3c-0.3,0.1-0.5,0.3-0.7,0.6L9.7,8.4c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0L12.2,8c0.2-0.2,0.3-0.3,0.5-0.3c0.3-0.1,0.6-0.1,0.9-0.1c0.1,0,0.3,0.1,0.4,0.2c0.1,0.1,0.3,0.2,0.4,0.3c0.2,0.2,0.3,0.3,0.3,0.5c0.1,0.3,0.1,0.6,0.1,0.9c0,0.2-0.1,0.3-0.2,0.4c-0.1,0.1-0.2,0.3-0.3,0.4L13,11.7c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0l1.5-1.5c0.3-0.3,0.5-0.7,0.7-1C16.4,9.7,16.5,9.1,16.3,8.5"/>\
<path fill="%23FFF" d="M10.7,13.9l-1.5,1.5c-0.2,0.2-0.3,0.3-0.5,0.3c-0.3,0.1-0.6,0.1-0.9,0.1c-0.2,0-0.3-0.1-0.4-0.2S7.2,15.5,7,15.3c-0.2-0.2-0.3-0.3-0.3-0.5c-0.1-0.3-0.1-0.6-0.1-0.9c0-0.1,0.1-0.3,0.2-0.4c0.1-0.1,0.2-0.3,0.3-0.4l1.5-1.5c0.3-0.3,0.3-0.8,0-1.1c-0.3-0.3-0.8-0.3-1.1,0L6,12c-0.3,0.3-0.5,0.7-0.7,1c-0.2,0.6-0.3,1.2-0.2,1.8c0.1,0.3,0.2,0.6,0.3,0.8c0.1,0.3,0.3,0.5,0.6,0.8c0.3,0.3,0.7,0.5,1,0.7c0.6,0.2,1.2,0.3,1.8,0.2C9,17.2,9.3,17.1,9.6,17s0.5-0.3,0.7-0.6l1.5-1.5c0.3-0.3,0.3-0.8,0-1.1C11.5,13.6,11,13.6,10.7,13.9"/>\
<path fill="%23FFF" d="M12.6,9.7c-0.3-0.3-0.8-0.3-1.1,0l-2.8,2.8c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0l2.8-2.8C12.9,10.5,12.9,10,12.6,9.7"/>\
</svg>');
}
.p-toolProvider__url a {
    color: #000;
    text-decoration: none;
    line-height: 1.8;
}
.p-toolProvider__url a:hover {
    text-decoration: underline;
}
/*****************************

address

*****************************/
.p-toolProvider__address {
    margin-top: .5rem;
    font-size: 1rem;
    line-height: 1.8;
}
/*****************************

body

*****************************/
.p-toolProvider .p-toolSection__body {
    margin-top: 3rem;
}
@media screen and (max-width:700px) {
    .p-toolProvider .p-toolSection__body {
        margin-top: 2rem;
    }
}
.p-toolProvider .p-toolSection__body p {
    line-height: 2;
}
@media screen and (max-width:480px) {
    .p-toolProvider .p-toolSection__body p {
        line-height: 1.9;
    }
}




/*******************************************************************************

Archive

*******************************************************************************/

.toolArchive{
}

/*****************************

head

*****************************/
.toolArchive__head{
  background: #004A8F;
}

/* PC */
@media screen and (min-width: 701px){
  .toolArchive__head{
    padding: 6rem 0;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolArchive__head{
    padding: 5rem 0;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolArchive__head{
    padding: 4rem 0;
  }
}


.toolArchive__title{
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}

/* PC */
@media screen and (min-width: 701px){
  .toolArchive__title{
    font-size: 2.5rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolArchive__title{
    font-size: 2rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolArchive__title{
    font-size: 1.7rem;
  }
}


/*****************************

body

*****************************/
/* PC */
@media screen and (min-width: 701px){
  .toolArchive__body{
    padding: 3rem 0 5rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolArchive__body{
    padding: 3rem 0 5rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolArchive__body{
    padding: 3rem 0 5rem;
  }
}


.toolArchive__lead{
}

/* PC */
@media screen and (min-width: 701px){
  .toolArchive__lead{
    margin-bottom: 3rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolArchive__lead{
    margin-bottom: 2.5rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolArchive__lead{
    margin-bottom: 2rem;
  }
}


.toolArchive__lead p{
}


/*****************************

list

*****************************/
.toolArchiveList{
  display: grid;
}

/* PC */
@media screen and (min-width: 701px){
  .toolArchiveList{
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolArchiveList{
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolArchiveList{
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}


/*****************************

card

*****************************/
.toolCard{
}

.toolCard.is-clickable{
  cursor:pointer;
}

.toolCard__inner{
  display: flex;
  flex-direction: column;

  height: 100%;

  background: #FFFFFF;
  border: 3px solid #F3F0E8;
  border-radius: .7rem;
}

/* PC */
@media screen and (min-width: 701px){
  .toolCard__inner{
    padding: 2rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolCard__inner{
    padding: 1.8rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolCard__inner{
    padding: 1.5rem;
  }
}


/*****************************

hover

*****************************/
.toolCard__inner{
  transition:transform .25s ease,box-shadow .25s ease,
  border-color .25s ease;
}
.toolCard.is-clickable:hover .toolCard__inner{
  transform:translateY(-4px);
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  border-color:#D8D1C7;
}
.toolCard.is-clickable:hover .toolCard__link{
  background:#004A8F;
}
.toolCard.is-clickable:hover .toolCard__link::before{
  background:#FFF;
}
.toolCard.is-clickable:hover .toolCard__link::after{
  border-top-color:#FFF;
  border-right-color:#FFF;
}


/*****************************

logo

*****************************/
.toolCard__logo{
  text-align: center;
  border-bottom: 3px solid #ECE6DE;
}

/* PC */
@media screen and (min-width: 701px){
  .toolCard__logo{
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolCard__logo{
    padding-bottom: 1.3rem;
    margin-bottom: 1.3rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolCard__logo{
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}


.toolCard__logo img{
  width: auto;
  max-width: 80%;
}


/*****************************

text

*****************************/
.toolCard__text{
  flex-grow: 1;
}

/* PC */
@media screen and (min-width: 701px){
  .toolCard__text{
    /*min-height: 15rem;*/
				min-height: auto;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolCard__text{
    min-height: auto;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolCard__text{
    min-height: auto;
  }
}


.toolCard__text p{
  line-height: 2;
}

/* PC */
@media screen and (min-width: 701px){
  .toolCard__text p{
    font-size: 1rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolCard__text p{
    font-size: 0.95rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolCard__text p{
    font-size: 0.9rem;
  }
}


/*****************************

bottom

*****************************/
.toolCard__bottom{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;

  margin-top: auto;
}

/* PC */
@media screen and (min-width: 701px){
  .toolCard__bottom{
    padding-top: 2rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolCard__bottom{
    padding-top: 1.8rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolCard__bottom{
    padding-top: 1.5rem;
  }
}


/*****************************

company

*****************************/
.toolCard__company{
  position: relative;
  font-weight: 700;
  line-height: 1.5;
}

/* PC */
@media screen and (min-width: 701px){
  .toolCard__company{
    padding-left: 2rem;
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolCard__company{
    padding-left: 1.8rem;
    font-size: 1rem;
    margin-bottom: 0.8rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolCard__company{
    padding-left: 1.6rem;
    font-size: 0.95rem;
    margin-bottom: 0.8rem;
  }
}


.toolCard__company::before{
  content: "";
  position: absolute;
  top: 0.15em;
  left: 0;

  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.9 21.9"><circle fill="%234a7bb4" cx="10.9" cy="10.9" r="10.9"/><polygon fill="%23fff" points="11.2 4.2 16.3 4.9 16.3 17.1 11.2 17.6 11.2 4.2"/><path fill="%23fff" d="M10.7,17.7l-1.4-.2v-2.1h-2.7c0-.1,0,1.7,0,1.7l-1.1-.2V6s5.1-1.8,5.1-1.8v13.5ZM10,6.1l-.9.3v1.1l.9-.2v-1.2ZM8.3,6.6l-.9.2v1.1c.3,0,.6,0,.9-.2v-1ZM6.1,8.2c.2,0,.6,0,.8-.2v-1l-.8.3v1ZM10,9.5v-1.3l-.9.2v1.2h.9ZM8.3,8.6c-.3,0-.6,0-.9.2v1h.9v-1.3ZM6.8,8.9h-.8v1.2h.8v-1.2ZM10,10.4h-.9v1.3h.9v-1.3ZM8.3,10.7h-.9v1.1c.3,0,.6,0,.9,0v-1.1ZM6.8,10.9h-.8v1.1h.8v-1.1Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* PC */
@media screen and (min-width: 701px){
  .toolCard__company::before{
    width: 1.3rem;
    height: 1.3rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolCard__company::before{
    width: 1.2rem;
    height: 1.2rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolCard__company::before{
    width: 1.1rem;
    height: 1.1rem;
  }
}


/*****************************

category

*****************************/
.toolCard__category{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}


.toolCard__category li{
  background: #F3F0E8;
  border-radius: 9999px;
  font-weight: 700;
  line-height: 1;
}

/* PC */
@media screen and (min-width: 701px){
  .toolCard__category li{
    padding: 0.7rem 1rem;
    font-size: 0.9rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolCard__category li{
    padding: 0.65rem 0.9rem;
    font-size: 0.85rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolCard__category li{
    padding: 0.6rem 0.8rem;
    font-size: 0.8rem;
  }
}


/*****************************

button

*****************************/
.toolCard__link{
  position: relative;
  display: block;

  border: 2px solid #004A8F;
  border-radius: 50%;

  transition: opacity 0.3s;
}

/* PC */
@media screen and (min-width: 701px){
  .toolCard__link{
    width: 3rem;
    height: 3rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolCard__link{
    width: 3rem;
    height: 3rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolCard__link{
    width: 3rem;
    height: 3rem;
  }
}


/* line */
.toolCard__link::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;

  background: #004A8F;

  transform: translate(-58%, -50%);
}

/* PC */
@media screen and (min-width: 701px){
  .toolCard__link::before{
    width: 1.5rem;
    height: 0.2rem;
    border-radius: 9999px;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolCard__link::before{
    width: 1.5rem;
    height: 0.2rem;
    border-radius: 9999px;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolCard__link::before{
    width: 1.5rem;
    height: 0.2rem;
    border-radius: 9999px;
  }
}


/* arrow */
.toolCard__link::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 45%;

  border-top: 0.2rem solid #004A8F;
  border-right: 0.2rem solid #004A8F;

  transform: translate(-10%, -50%) rotate(45deg);
}

/* PC */
@media screen and (min-width: 701px){
  .toolCard__link::after{
    width: 0.9rem;
    height: 0.9rem;
  }
}

/* TB */
@media screen and (min-width: 481px) and (max-width: 700px){
  .toolCard__link::after{
    width: 0.85rem;
    height: 0.85rem;
  }
}

/* SP */
@media screen and (max-width: 480px){
  .toolCard__link::after{
    width: 0.8rem;
    height: 0.8rem;
  }
}

/*
.toolCard__link:hover{
  opacity: 0.7;
}
*/



/*****************************

toolSearch

*****************************/
.toolSearch{
  margin-top: 4rem;
}

.toolSearch .column__inner{
  padding: 2.5rem 2rem;
  background:#F3F0E8;
  border-radius: 1rem;
}

/*****************************

head

*****************************/
.toolSearch__head{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-bottom:3rem;
}

@media screen and (max-width:480px){
  .toolSearch__head{
    margin-bottom:2rem;
    gap:.75rem;
  }
}



.toolSearch__icon{
  width:2.25rem;
  height:2.25rem;

  background-image:url("../images/common/icon-search.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

@media screen and (max-width:480px){
  .toolSearch__icon{
    width:1.8rem;
    height:1.8rem;
  }
}



.toolSearch__title{
  color:#004A8F;
  font-size:1.2rem;
  font-weight:700;
  line-height:1.4;
}

@media screen and (min-width:481px) and (max-width:700px){
  .toolSearch__title{
    font-size:1.1rem;
  }
}

@media screen and (max-width:480px){
  .toolSearch__title{
    font-size:1.05rem;
  }
}





/*****************************

unit

*****************************/
.toolSearch__unit{
  margin-top:2rem;
}

.toolSearch__unit:first-of-type{
  margin-top:0;
}

@media screen and (max-width:480px){
  .toolSearch__unit{
    margin-top:2rem;
  }
}


.toolSearch__label{
  padding-bottom:1rem;
  border-bottom:1px solid #BDBDBD;

  font-size:1rem;
  font-weight:500;
  line-height:1.6;
}

@media screen and (max-width:480px){
  .toolSearch__label{
    padding-bottom:.75rem;
  }
}


/*****************************

checkList

*****************************/
.toolSearch__checkList{
  display:flex;
  flex-wrap:wrap;
  gap:1rem 1rem;

  padding-top:1.5rem;
}

@media screen and (min-width:481px) and (max-width:700px){
  .toolSearch__checkList{
    gap:1rem 1rem;
  }
}

@media screen and (max-width:480px){
  .toolSearch__checkList{
    display:block;
    padding-top:1rem;
  }
}


.toolSearch__check{
  display:flex;
  align-items:flex-start;
  gap:.5rem;

  cursor:pointer;

  font-size:1rem;
  line-height:1.6;
}

@media screen and (max-width:480px){
  .toolSearch__check{
    margin-top:.8rem;
  }

  .toolSearch__check:first-child{
    margin-top:0;
  }
}



.toolSearch__check input{
  margin-top:.45em;
}

@media screen and (max-width:480px){
  .toolSearch__check input{
    transform:scale(1.1);
  }
}



/*****************************

form

*****************************/
#feas-searchform-0{
  display:block;
}


/*****************************

見出し

*****************************/

#feas-searchform-0{

  font-size:0;

}


/*
業種を選択してください
*/
#feas-searchform-0 > text{
}

#feas-searchform-0{
  color:#333;
  font-size:1rem;
  line-height:1.6;
}



/*
フォーム内テキスト
*/
#feas-searchform-0 br{
  display:none;
}




/*****************************

label

*****************************/
#feas-searchform-0 .feas_clevel_01{

  display:inline-flex;
  align-items:flex-start;
  gap:.5rem;

  width:calc(33.333% - 1rem);

  /*margin-top:1rem;*/

  font-size:1rem;
  line-height:1.6;

  cursor:pointer;

}

@media screen and (min-width:481px) and (max-width:700px){

#feas-searchform-0 .feas_clevel_01{

width:calc(50% - 1rem);

}

}


@media screen and (max-width:480px){

#feas-searchform-0 .feas_clevel_01{

display:flex;
width:100%;
margin-top:.75rem;

}

}


#feas-searchform-0 .width_all .feas_clevel_01{
  width:100%;
}

@media screen and (min-width:481px) and (max-width:700px){
#feas-searchform-0 .width_all .feas_clevel_01{
  width:100%;
}
}


@media screen and (max-width:480px){
#feas-searchform-0 .width_all .feas_clevel_01{
  width:100%;
}
}





/*****************************

checkbox

*****************************/
#feas-searchform-0 input[type="checkbox"]{
  margin-top:.45em;
}

@media screen and (max-width:480px){

#feas-searchform-0 input[type="checkbox"]{
transform:scale(1.1);
}

}




/*****************************

span

*****************************/
#feas-searchform-0 .feas_clevel_01 span{
  display:block;
}





/*****************************

submit

*****************************/
#feas-submit-button-0{
  display:block;

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

  margin:4rem auto 0;
  padding:1.25rem 2rem;

  border:none;
  border-radius:999px;

  background:#004b99;

  color:#FFF;

  font-size:1rem;
  font-weight:700;
  line-height:1;

  cursor:pointer;

  appearance:none;
  box-shadow:none;
  outline:none;
}

@media screen and (max-width:480px){

#feas-submit-button-0{
width:100%;
margin-top:2.5rem;
}

}

#feas-submit-button-0:hover{
opacity:.9;
}



/*****************************

hidden

*****************************/

#feas-searchform-0 input[type="hidden"]{
display:none;
}



/*****************************

search result

*****************************/
.toolArchive__empty{

padding:5rem 0;

text-align:center;

}


.toolArchive__empty p{

font-size:1rem;
line-height:2;

}



.toolArchive__lead{

margin-bottom:2rem;

}


.toolArchive__lead p{

font-size:1rem;
font-weight:500;

}