* {
    margin: 0;
    padding: 0;
}
/*
@font-face {
  font-family: 'Noto Sans JP';
  src: url('../fonts/Noto_Sans_400-Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('../fonts/Noto_Sans_700-Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('../fonts/Noto_Sans_700-Bold.woff') format('woff');
  font-weight: 900;
  font-display: swap;
}*/
:root {
    --main-blue: #39499C;
    --main-orange: #F17C06;
}
/*@font-face {
  font-family: 'LINESeedJP';
  src: url('../fonts/LINESeedJP_OTF_Rg.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'LINESeedJP';
  src: url('../fonts/LINESeedJP_OTF_Bd.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'LINESeedJP';
  src: url('../fonts/LINESeedJP_OTF_Eb.woff') format('woff');
  font-weight: 900;
  font-display: swap;
}*/

/*:root {
    --main-blue: #39499C;
    --main-orange: #F17C06;
}

html {
    font-size: 10px;
    font-family: 'Noto Sans JP', sans-serif;
}

img,source {
    vertical-align: bottom;
}

.fit {
    width: 100%;
    height: auto;
}

.sponly {
    display: none;
}

header {
    padding: 1.8rem 0;
    text-align: center;
    background: var(--main-blue);
}

header h1 {
    font-size: 2.4rem;
    line-height: 100%;
    color: white;
}

section.mv {
    background: url(../images/img_mv_pc.jpg) no-repeat top left;
    background-size: 100% auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

section.mv h2 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 36%;
    padding: 2% 0;
}

section.mv h2 source,section.mv h2 img {
    width: 100%;
    height: auto;
}

section.mv .mv_cta {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ED4F07;
}

section.mv .mv_cta p {
    margin-top: 1rem;
}

section.mv .mv_cta a {
    display: block;
    width: 90%;
    transition: all 0.2s ease-out;
}

section.mv .mv_cta a:hover {
    filter: brightness(1.2);
}

.logosWrapper {
    background: white;
    width: 100%;
}

.logos {
    padding: 2.6rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    gap: 2.6rem;
}

.logos img {
    height: 6rem;
    flex-shrink: 0;
}*/

.common {
    padding: 8rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 6rem;
}

.bluesec {
    background: var(--main-blue);
}

.graysec {
    background: #F9F9F9;
}

.subh2.sec1-1 {
    max-width: 840px;
    width: 90%;
}

.subh2 img {
    width: 100%;
    height: auto;
}

.tabWrapper {
    max-width: 800px;
    width: 90%;
    filter: drop-shadow(0px 1px 14px #DADADA);
}

.bluesec .tabWrapper {
    max-width: 800px;
    width: 90%;
    filter: drop-shadow(0px 1px 14px #16277B);
}


.tabBody {
    /*display: none;*/
    flex-direction: column;
    padding: 4rem;
    background: #F6F6F6;
    border-radius: 0px 0px 12px 12px;
    gap: 6rem;
}





.tabHeader {
    display: flex;
    font-size: 2.5rem;
    font-weight: 900;
    color: white;
    align-items: flex-end;
    flex-wrap: wrap;
}

.tabHeader > * {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}

.tabHeader > * > * {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.17));
}

.tabHeader > div {
    height: 6.6rem;
    gap: 1rem;
    background: #939393;
    border-radius: 0px 12px 0px 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tabHeader .active {
    height: 8.4rem;
    gap: 1rem;
    background: linear-gradient(180deg, #F17B06 0.6%, #E45700 100.6%);
    border-radius: 12px 12px 0px 0px;
    pointer-events: none;
}

.tabHeader > *:not(.active) {
    cursor: pointer;
}

@media screen and (min-width:768px){
	.tabHeader > *:not(.active):hover {
		filter: brightness(1.1);
	}
}

.tabHeader .corp:not(.active) {
    border-radius: 12px 0 0 0;
}

.tabHeader .indivi:not(.active) {
    border-radius: 0 12px 0 0;
}

.tabHeader .corp:before {
    content: '';
    display: block;
    background: url(../images/icon_corp-min.png) no-repeat left center;
    width: 1.4em;
    height: 1.4em;
    background-size: 100% auto;
}

.tabHeader .indivi:before {
    content: '';
    display: block;
    background: url(../images/icon_indivi-min.png) no-repeat left center;
    width: 1em;
    height: 1.5em;
    background-size: 100% auto;
}

.tabBody .corpBox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid #C2C2C2;
    border-radius: 2rem;
    overflow: hidden;
}

.tabBody .corpBox header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3rem 0px;
    gap: 1rem;
    background: linear-gradient(180deg, #1F4C9C 0.48%, #003085 100.48%);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: 700;
    font-size: 3.2rem;
}

.tabBody .corpBox header:before {
    content: '';
    display: block;
    background: url(../images/icon_building_s-min.png) left center no-repeat;
    width: 1.1em;
    height: 1.5em;
    background-size: 100% auto;
}

.tabBody .corpBody {
    padding: 4rem;
    gap: 4rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.tabBody .corpBody__ttlImg{
    width: 100%;
}
.tabBody .corpInfo__img {
    width: 50%;
}

.tabBody .corpInfo__img a:hover {
    filter: brightness(1.1);
}


.tabBody .corpInfo__img img {
    width: 100%;
    height: auto;
}

.tabBody .corpInfo {
    display: flex ;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.tabBody .corpInfo__sub {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 46%;
}
.tabBody .corpInfo__sub-left{
    align-items: flex-start;
}

.tabBody .corpInfo.withList .corpInfo__img  {
    width: 50%;
}


.tabBody .corpStar {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.tabBody .corpStar-l{
    justify-content: left;
}
@media(max-width: 768px) {
    .tabBody .corpStar-l{
        justify-content: center;
    }
}

.tabBody .corpStar span {
    font-size: 1.4rem;
    font-weight: 700;
    background: var(--main-orange);
    color: white;
    border-radius: 4rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.6rem 1rem;
    line-height: 100%;
}

.tabBody .corpStar img {
    width: 86%;
    height: auto;
}
.tabBody .corpStar-min img {
    max-width: 220px;
    width: 100%;
}

.tabBody .corpInfo ul {
    margin-top: 2rem;
    font-size: 1.6rem;
    list-style: none;
}

.tabBody .corpInfo li {
    background: url(../images/icon_check_orange-min.png) no-repeat left center;
    background-size: 2.6rem auto;
    margin: 0.3rem 0;
    padding: 3px 0 3px 3.2rem;
}

.tabBody .corpInfo ul span {
    font-weight: 700;
    color: var(--main-orange);
}

.tabBody .corp__cta a,.tabBody .corp__telcta a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2.4rem 2rem;
    gap: 1rem;
    width: 420px;
    background: linear-gradient(91.3deg, #00BF49 0.17%, #00B94D 101.69%);
    box-shadow: 0px 4px 0px #009661;
    border-radius: 4px;
    font-weight: 700;
    color: white;
    text-decoration: none;
    font-size: 2.4rem;
    box-sizing: border-box;
    transition: all 0.2s ease-out;
}

.tabBody .corp__telcta {
    margin-top: -2rem;
}

.tabBody .corp__telcta a {
    background: linear-gradient(91.3deg, #EA6D00 0.17%, #F85F00 101.69%);
    box-shadow: 0px 4px 0px #E64600;
}


.tabBody .corp__cta a:hover,.sec2-1 table .cta a:hover,.filter .filtercta:hover {
    transform: translateY(4px);
    box-shadow: 0px 0px 0px #009661;
    filter: brightness(1.1);
}

.tabBody .corp__telcta a:hover,.sec2-1 table .cta.tel a:hover,.filter .filtertelcta:hover {
    transform: translateY(4px);
    box-shadow: 0px 0px 0px #E64600;
    filter: brightness(1.1);
}


.tabBody .corp__cta a > *,.tabBody .corp__telcta a > * {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.17));
    line-height: 100%;
}

.tabBody .corp__cta a:after {
    content: '';
    display: block;
    background: url(../images/icon_ctaarrow-min.png) no-repeat left center;
    width: 1em;
    height: 1em;
    background-size: 100% auto;
}

.tabBody .corp__telcta a:after {
    content: '';
    display: block;
    background: url(../images/icon_tel.png) no-repeat left center;
    width: 1em;
    height: 1em;
    background-size: 100% auto;
}


.corp__tips {
    max-width: 600px;
    width: 100%;
    border: #003085 6px solid;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
}

.corp__tips > div {
    width: 26%;
    background: #003085;
    position: relative;
}

.corp__tips > div:after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.corp__tips > div img {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: -7px;
}

.corp__tips p {
    width: 74%;
    font-size: 1.8rem;
    padding: 4rem;
    box-sizing: border-box;
}

.corp__tips p span {
    color: var(--main-orange);
    font-weight: 700;
}

.subh2.sec1-2 {
    max-width: 381px;
    width: 90%;
}

.sec1-2 {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    list-style: none;
    max-width: 800px;
    width: 90%;
}


.sec1-2 li {
    background: white;
    padding: 3rem;
    border-radius: 2rem;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
}

.sec1-2 li img {
    width: 30%;
    height: auto;
}

.sec1-2 li > div {
    width: 70%;
    box-sizing: border-box;
    padding-left: 2rem;
}

.sec1-2 h3 {
    font-size: 3.2rem;
    font-weight: 900;
    color: var(--main-orange);
}

.sec1-2 p {
    font-size: 2.2rem;
}

.sec1-2 p span {
    font-weight: 700;
    color: var(--main-blue);

    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: yellow;
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
}

.sep-arrow {
    width: 140px;
}

.sep-arrow img {
    width: 100%;
    height: auto;
}

.subh2.sec1-3 {
    margin-top: -4rem;
    max-width: 647px;
    width: 90%;
}

.subh2.sec2-1 {
    max-width: 840px;
    width: 90%;
}

.sec2-1 table {
    border-left: #BCBCBC 1px solid;
    border-top: #BCBCBC 1px solid;
    background: white;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.sec2-1 table thead td {
    padding: 1rem;
    text-align: center;
}

.sec2-1 table thead td:nth-child(1) {
    background: linear-gradient(92.91deg, #CCC791 -0.02%, #89803C 99.96%);
}

.sec2-1 table thead td:nth-child(2) {
    background: linear-gradient(92.91deg, #CECECE -0.02%, #8E8E8E 99.96%);
}

.sec2-1 table thead td:nth-child(3) {
    background: linear-gradient(92.91deg, #B98C5E -0.02%, #653A20 99.96%);
}


.sec2-1 table thead td img {
    height: 4.6rem;
    width: auto;
}

.sec2-1 table td strong {
    color: var(--main-blue);
    display: inline-block;
    border: 1px solid var(--main-blue);
    padding: 0.8rem 2rem;
    border-radius: 2rem;
    line-height: 100%;
    font-size: 1.8rem;
    font-weight: 700;
    background: white;
}

.sec2-1 table td {
    border-right: #AFAFAF 1px solid;
    border-bottom: #BCBCBC 1px dotted;
    background: white;
    padding: 1.6rem 0;
    font-size: 1.6rem;
    text-align: center;
    width: 33.3%;
    box-sizing: border-box;
}
.sec2-1 table tr .pa-none{
    padding: 0;
}
.sec2-1 table tr .bg_yellow{
    background-color: #FEFFDF;
}
.sec2-1 table tr .va-top{
    vertical-align: top;
}
.sec2-1 table .cell-flex {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}
.sec2-1 table .cell_th{
    height: 3rem;
    background-color: #39499C;
    width: 33.3%;
}
.sec2-1 table .cell_th .cell_thTtl{
    color: #FFFFFF;
    font-weight: 700;
    font-size: 18px;
}
@media(max-width: 768px) {
    .sec2-1 table .cell_th .cell_thTtl{
        font-size: 11px;
    }
}
.sec2-1 table .cell_td .cell_tdImg{
    width: 100%;
}
.sec2-1 .ctacell{
    vertical-align: top;
}
.sec2-1 .ctacell td .cell-flex:nth-child(2) {
    margin-top: 2rem;
}
.sec2-1 table .cell_td .cell_txt-bold{
    font-weight: 700;
}
.sec2-1 table .cell_td .cell_txt-red{
    color: #FB3200;
}

.sec2-1 table .cell-flex img.logo {
    height: 7rem;
    width: auto;
}

.sec2-1 table tbody img {
    width: 4.6rem;
    height: auto;
}

.sec2-1 table .highlight {
    background: #FEFFDF;
}

.sec2-1 table .cta {
    padding: 0 2rem;
}

.sec2-1 table .cta a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1.6rem 0;
    gap: 0.5rem;
    width: 100%;
    background: linear-gradient(91.3deg, #00BF49 0.17%, #00B94D 101.69%);
    box-shadow: 0px 3px 0px #009661;
    border-radius: 4px;
    color: white;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.sec2-1 table .cta a:after {
    content: '';
    display: block;
    background: url(../images/icon_ctaarrow-min.png) no-repeat left center;
    width: 1em;
    height: 1em;
    background-size: 100% auto;
}

.sec2-1 table .cta.tel a:after {
    background-image: url(../images/icon_tel.png);
}

.sec2-1 table .cta.tel a {
    gap: 1rem;
    background: linear-gradient(91.3deg, #EA6D00 0.17%, #F85F00 101.69%);
    box-shadow: 0px 4px 0px #E64600;
}


.subh2.sec3-1 {
    max-width: 840px;
    width: 90%;
}

.corpBox.rank1 header, .corpBox.rank2 header, .corpBox.rank3 header {
    padding: 2rem 0;
}

.corpBox.rank1 header:before {
    content: '';
    display: block;
    height: 5.9rem;
    width: 3.6rem;
    background: url(../images/sec3-rank1-min.png) no-repeat left center;
    background-size: 100% auto;
}

.corpBox.rank2 header:before {
    content: '';
    display: block;
    height: 5.9rem;
    width: 3.6rem;
    background: url(../images/sec3-rank2-min.png) no-repeat left center;
    background-size: 100% auto;
}

.corpBox.rank3 header:before {
    content: '';
    display: block;
    height: 5.9rem;
    width: 3.6rem;
    background: url(../images/sec3-rank3-min.png) no-repeat left center;
    background-size: 100% auto;
}

.sec3-1 .tabBody {
    background: white;
}

.sec3-1 .corpInfo__sub {
    gap: 2rem;
    
}

.corpInfo__logo {
    width: 60%;
    max-height: 200px;
}

.corpInfo__logo img {
    width: 100%;
    height: auto;
}

.corp__para {
    font-size: 1.8rem;
}

.corp__para span {
    font-weight: 700;
    color: var(--main-orange);
}

.corp__point {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    width: 100%;
}

.corp__point.check h3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    gap: 1rem;
    background: linear-gradient(90deg, #39499C 0%, #15008E 100%);
    border-radius: 4rem;
    font-size: 2.2rem;
    font-weight: 900;
    color: white;
}

.corp__point.check h3:before {
    content: '';
    display: block;
    height: 2.2rem;
    width: 2.2rem;
    background: url(../images/icon_check-min.png) no-repeat left center;
    background-size: 100% auto;
}

.corp__point.check dl {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    border: 1px solid #eee;
    border-radius: 1rem;
}

.corp__point.check dl dt {
    width: 40%;
    font-size: 2.2rem;
    font-weight: 900;
    color: var(--main-blue);
    height: 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.corp__point.check dl dd {
    width: 60%;
    font-size: 2.2rem;
    font-weight: 700;
    color: #363636;
    height: 6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.corp__point.check .corpStar {
    justify-content: flex-start;
}

.corp__point.check .gray {
    background: #F6F6F6;
}

.corp__point.check ul {
    list-style: none;
    font-size: 2.2rem;
    color: #323232;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.corp__point.check li {
    gap: 1.6rem;
    display: flex;
    align-items: center;
    color: #333333;
}

.corp__point.check li:before {
    content: '';
    display: flex;
    border-radius: 6rem;
    border: 1px solid var(--main-blue);
    width: 4.4rem;
    height: 4.4rem;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    color: var(--main-blue);
}

.corp__point.check li:nth-child(1):before {
    content: '1';
}
.corp__point.check li:nth-child(2):before {
    content: '2';
}
.corp__point.check li:nth-child(3):before {
    content: '3';
}
.corp__point.check li:nth-child(4):before {
    content: '4';
}
.corp__point.check li:nth-child(5):before {
    content: '5';
}


.corp__point.voice h3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    gap: 1rem;
    background: linear-gradient(90deg, #F17B06 0%, #FB2600 100%);
    border-radius: 4rem;
    font-size: 2.2rem;
    font-weight: 900;
    color: white;
}

.corp__point.voice h3:before {
    content: '';
    display: block;
    height: 2.2rem;
    width: 2.2rem;
    background: url(../images/icon_smile-min.png) no-repeat left center;
    background-size: 100% auto;
}

.corp__voiceWrapper {
    padding: 2.4rem;
    border: 3px solid var(--main-orange);
    border-radius: 3rem;
    position: relative;
    box-sizing: border-box;
    width: 92%;
    margin: 0 auto;
}

.corp__voiceWrapper:after {
    content: '';
    display: block;
    height: 2.2rem;
    width: 2.2rem;
    background: url(../images/icon_ballonpart-min.png) no-repeat left center;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 10%;
    transform: translateY(90%);
}

.corp__voiceWrapper:nth-child(3):after {
    transform: translateY(90%) scaleX(-100%);
    left: 90%;
}

.voice__info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4.2rem;
}

.voice__info__face {
    width: 12rem;
    height: auto;
}

.voice__info__type ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.8rem
}

.voice__info__type li {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    font-size: 2rem;
    font-weight: 700;
    color: #333;
}

.voice__info__type li img {
    width: 3rem;
}

.voice__info__type span {
    display: inline-block;
    padding: 0.6rem 1rem;
    border-radius: 10rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: white;
    line-height: 100%;
    width: 3em;
    text-align: center;
}

.voice__info__type .job span {
    background: #3F3F3F;
}

.voice__info__type .rate span {
    background: var(--main-orange);
}

.corp__voiceWrapper p {
    margin-top: 2rem;
    font-size: 2rem;
}

.sec3-1 .corp__cta, .sec3-1 .corp__telcta {
    width: 100%;
}

.sec3-1 .corp__cta a,.sec3-1 .corp__telcta a {
    width: 100%;
}

.subh2.sec4-1 {
    max-width: 765px;
    width: 90%;
}

.sec4Wrapper {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6rem 6rem 8rem;
    gap: 2rem;
    max-width: 1020px;
    width: 90%;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15);
    border-radius: 2.4rem;
}

.sec4-1-0 {
    width: 60%;
}

.sec4-1-1 {
    width: 90%;
}

.sec4-1-2,.sec4-1-3 {
    width: 100%;
    margin-top: 4rem
}

.sec4-1-4 {
    width: 70%;
    margin-top: 4rem;
}

.sec4-2-0 {
    width: 70%;
}

.sec4-2-2 {
    margin-top: 3rem;
    width: 70%;
}

.sec4Wrapper ul {
    display: flex;
    list-style: none;
    gap: 3rem;
    align-items: stretch;
}

.sec4Wrapper li {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
}

.sec4Wrapper li h4 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1.2rem 0;
    gap: 0.8rem;
    background: #E8B731;
    color: #3b3b43;
    font-size: 2rem;
    font-weight: 700;
    width: 100%;
}

.sec4Wrapper li h4 img {
    height: 2.5rem;
	width: auto;
}

.sec4Wrapper li p {
    padding: 2rem;
    color: #595959;
    font-size: 1.8rem;
    font-weight: 700;
}

.sec4Wrapper li p strong {
    color: var(--main-blue);
    font-weight: 700;
    text-decoration: underline;
}

.sec4-3-0 {
    width: 40%;
}

.sec4-3-1 {
    display: flex;
    gap: 2rem;
    width: 90%;
    justify-content: center;
}

.sec4-3-1 li {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    width: 25%;
    overflow: hidden;
}

.sec4-3-1 h4 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
    gap: 1rem;
    background: #E2D99C;
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    width: 100%;
}

.sec4-3-1__info {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    align-items: center;
}

.sec4-3-1__info img {
    width: 46%;
}

.sec4-3-1 dt {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.6rem 2rem;
    gap: 1rem;
    background: #194783;
    border-radius: 4rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: white;
}

.sec4-3-1 .sec4-3-1__info dd {
    font-size: 3rem;
    color: #AF9E1D;
    font-weight: 700;
}

.sec4-3-1 .sec4-3-1__info dd span {
    font-size: 0.6em
}

.sec4-3-1 .sec4-3-1__detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 0 2rem 2rem;
}

.sec4-3-1 .sec4-3-1__detail dd {
    font-size: 1.6rem;
    color: #333;
}

.sec4-4-0 {
    width: 70%;
}

.woman {
    position: relative;
}

.woman:after {
    position: absolute;
    bottom: -5px;
    right: 0;
    content: '';
    display: block;
    width: 37rem;
    height: 53rem;
    background: url(../images/sec4-4_img1-min.png) no-repeat left center;
    background-size: 100% auto;
}

.faq {
    max-width: 700px;
    width: 90%;
    margin: 8rem auto 4rem;
}

.faq ul {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #dedede;
    list-style: none;
}

.faq li {
    border-bottom: 1px solid #dedede;
}

.faq li {
    text-indent: -4rem;
}

.faq li span {
    font-size: 2rem;
    font-weight: 700;
    color: var(--main-blue);
    margin-right: 1rem;

}

.faq li .q {
    font-size: 1.6rem;
    padding: 2.4rem;
    color: #333;
    position: relative;
}
.faq li .a {
    font-size: 1.6rem;
    padding: 0 2.4rem 2.4rem;
    color: #333;
    display: none;
}

.faq li .q,.faq li .a {
    padding-left: 4rem;
}

.faq .q:after {
    content: '';
    display: block;
    background: url(../images/icon_downarrow-min.png) center center no-repeat;
    background-size: 100% auto;
    width: 1.4rem;
    height: 1.4rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: 50% 35%;
    transition: all 0.5s ease-out;
}

.faq .q.active:after {
    transform: rotate(180deg);
}

.filter {
    max-width: 800px;
    width: 90%;
    margin: 2rem auto 8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.filter .filtercta {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3.4rem 1.6rem;
    gap: 1rem;
    width: 100%;
    background: linear-gradient(91.3deg, #00BF49 0.17%, #00B94D 101.69%), linear-gradient(91.3deg, #00F25D 0.17%, #07F566 47.51%, #00C552 101.69%);
    box-shadow: 0px 4px 0px #009661;
    border-radius: 2rem;
    font-size: 3.8rem;
    font-weight: 700;
    color: white;
    text-decoration: none;
    transition: all 0.2s ease-out;
}


.filter .filtercta > * {
    filter: drop-shadow(0px 1px 14px #DADADA);
}

.filter .filtercta:before {
    content: '';
    display: block;
    background: url(../images/icon_search-min.png) no-repeat left center;
    width: 1em;
    height: 1em;
    background-size: 100% auto;
}

.filter ul {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    gap: 1rem;
    margin: 3rem auto;
    list-style: none;
}

.filter li {
    display: flex;
    gap: 1rem;
    flex: 1 0 44%;
    font-size: 2.2rem;
    font-weight: bold;
    color: #333;
    align-items: center;
}

.filter li>* {
    cursor: pointer;
}

.filter input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 2.4rem;
    height: 2.4rem;
    border: #bdbdbd 3px solid;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
}

input[type="checkbox"]:checked {
    border-color: #00BF49;
}

input[type="checkbox"]:checked:before {
    content: '';
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    position: absolute;
    background: #00BF49;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#result {
    max-width: 800px;
    width: 100%;
}

#result .tabWrapper {
    width: 100%;
}

#floating {
    position: fixed;
    width: 100%;
    display: none;
    justify-content: center;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,0.9);
    padding: 2.4rem;
}

#floating.active {

}

#floating a {
    position: relative;
}

#floating a:before {
    position: absolute;
    content: '';
    display: block;
    background: url(../images/floating_img2_pc-min.png) no-repeat left center;
    width: 15rem;
    height: 15rem;
    background-size: 100% auto;
    bottom: -2.6rem;
    transform: translateX(-120%);
}

#floating img {
    height: 4.6rem;
	width: auto;
}

footer {
    text-align: center;
    padding: 3rem 0 16rem;
    border-top: 1px solid #ccc;
    font-size: 1.6rem;
}

@media screen and (min-width: 768px) and (max-width: 1340px) {
    section.mv .mv_cta p {
        margin-top: 1rem;
        font-size: 1vw;
    }
}



@media screen and (min-width: 768px) and (max-width: 1300px) {
    .woman:after {
        background-position: right bottom;
        bottom: 0;
        right: 0;
        content: '';
        width: 30%;
        height: 53rem;
    }
}

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


    .common {
        padding: 5rem 2rem;
        gap: 4rem;
    }
    .subh2 {
        width: 100% !important;
    }
    .tabWrapper {
        width: 100% !important;
    }
    .tabHeader {
        font-size: 1.6rem;
    }
    .tabHeader .active {
        height: 5rem;
        gap: 0.4rem;
    }
    .tabHeader > div {
        height: 4.2rem;
        gap: 0.4rem;
    }
    .tabBody {
        padding: 2rem;
        gap: 1.6rem;
    }
    .tabBody .corpBox header {
        padding: 1.2rem 0px;
        gap: 0.4rem;
        font-size: 1.6rem;
    }
    .tabBody .corpBox {
        border-radius: 0.8rem;
    }
    .tabBody .corpBody {
        padding: 2rem;
        width: 100%;
        box-sizing: border-box;
        gap: 1.6rem;
    }

    .tabBody .corpBody > * {
        width: 100%;
    }
    .tabBody .corpInfo {
        flex-direction: column;
        gap: 1.6rem;
    }
    .tabBody .corpInfo ul {
        margin-top: 2rem;
        font-size: 1.3rem;
        list-style: none;
    }
    .tabBody .corpInfo__img {
        width: 80% !important;
    }
    .tabBody .corpInfo__sub {
        align-items: center;
        width: 100%;
    }
    .tabBody .corpInfo li {
        padding: 0.7rem 0 0.25rem 3.2rem;
    }
    .tabBody .corp__cta a,.tabBody .corp__telcta a {
        padding: 1.6rem;
        gap: 0.6rem;
        width: 100%;
        border-radius: 4px;
        font-size: 1.8rem;
    }

    .tabBody .corp__telcta {
        margin-top: 0rem;
    }

    .corp__tips {
        margin-top: 1rem;
        border: #003085 3px solid;
        border-radius: 8px;
        box-sizing: border-box;
    }
    .corp__tips p {
        width: 65%;
        font-size: 1.2rem;
        padding: 1.4rem;
        box-sizing: border-box;
    }
    .corp__tips > div {
        width: 35%;
    }
    .corp__tips > div img {
        bottom: -3px;
    }
    .subh2.sec1-2 {
        width: 80% !important;
    }
    .sec1-2 {
        display: flex;
        gap: 2rem;
        width: 100%;
    }
    .sec1-2 li {
        padding: 1.8rem 1.4rem;
    }
    .sec1-2 h3 {
        font-size: 2rem;
    }
    .sec1-2 p {
        font-size: 1.4rem;
    }
    .sep-arrow {
        width: 8rem;
    }
    .subh2.sec1-3 {
        margin-top: -6rem;
    }
    .sec2-1 table td strong {
        font-size: 1.1rem;
        padding: 0.6rem 1rem 0.2rem;
    }
    .sec2-1 table td {
        padding: 1rem 0.4rem;
        font-size: 1.2rem;
    }
    .sec2-1 table .cell-flex {
        gap: 1rem;
    }
    .sec2-1 table .cell-flex .cell-name{
        font-size: 1rem;
    }
    .sec2-1 table thead td img {
        height: 2.6rem;
    }
    .sec2-1 .ctacell td {
        padding: 0.4rem 0.4rem 0.8rem;
        border-bottom: 1px solid #bcbcbc;
    }

    .sec2-1 .ctacell td .cell-flex a {
        font-size: 1.6rem;
    }

    .sec2-1 .ctacell td .cell-flex:nth-child(2) {
        margin-top: 0.8rem;
    }


    .sec2-1 .ctacell td .cell-flex .telnum {
        font-size: 1.2rem;
    }

    .sec2-1 .ctacell td .cell-flex {
        padding: 0;
    }

    
    .sec2-1 table .cell-flex img.logo {
        height: 12vw;
        width: auto;
    }
    .sec2-1 table .cta a {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1.6rem 0;
        gap: 0.6rem;
        font-size: 1.4rem;
        line-height: 130%;
    }
    .sec2-1 table .cta a:after {
        width: 1.2em;
        height: 1.2em;
    }
    .corpBox.rank1 header:before {
        height: 3.2rem;
        width: 1.6rem;
    }
    .corpBox.rank2 header:before {
        height: 3.2rem;
        width: 1.6rem;
    }
    .corpBox.rank3 header:before {
        height: 3.2rem;
        width: 1.6rem;
    }
    .corp__para {
        font-size: 1.6rem;
    }
    .corp__point {
        gap: 2rem;
        margin-bottom: 2rem;
    }
    .corp__point.check h3,.corp__point.voice h3 {
        padding: 1.6rem 1rem;
        gap: 0.8rem;
        border-radius: 1rem;
        font-size: 1.6rem;
        text-align: center;
        position: relative;
    }
    .corp__point.check h3:before {
        height: 2.2rem;
        width: 2.2rem;
        position: absolute;
        top: 0;
        transform: translateY(-50%);
        border: 2px solid #241E94;
        border-radius: 0.6rem;
    }
    .corp__point.voice h3:before {
        height: 2.2rem;
        width: 2.2rem;
        position: absolute;
        top: 0;
        transform: translateY(-50%);
        border: 2px solid #F74A03;
        border-radius: 0.6rem;
        background-color: #F74A03;
    }

    .corp__point.check dl dt {
        width: 40%;
        font-size: 1.3rem;
        height: 5rem;
    }
    .corp__point.check dl dd {
        width: 60%;
        font-size: 1.4rem;
        height: 5rem;
        line-height: 1.8rem;
    }

    .corp__point .corpStar img {
        max-width: 140px;
    }
    .corp__point .corpStar span {
        font-size: 0.9rem;
        padding: 0.6em 1em;
    }
    .corp__point.check ul {
        font-size: 1.3rem;
        gap: 2rem;
    }
    .corp__point.check li {
        flex-wrap: wrap;
    }
    .corp__point.check li span {
        display: inline-block;
        width: calc(100% - 8rem);
    }
    .corp__point.check li:before {
        border-radius: 6rem;
        font-size: 1.8rem;
        width: 4.4rem;
        height: 4.4rem;
        border-width: 2px;
    }
    .corp__voiceWrapper {
        padding: 1.6rem;
        border-radius: 1.6rem;
        width: 100%;
    }

    .corp__voiceWrapper:after {
        height: 1.6rem;
        width: 1.6rem;
        bottom: 0;
        left: 16%;
        transform: translateY(93%);
    }
    .corp__voiceWrapper:nth-child(3):after {
        transform: translateY(93% 93%) scaleX(-100%);
        left: 80%;
    }
    .voice__info {
        align-items: center;
        justify-content: center;
        gap: 1.6rem
    }
    .voice__info__type li {
        gap: 0.8rem;
        font-size: 1.6rem;
    }
    .voice__info__type li img {
        width: 2.5rem;
    }
    .corp__voiceWrapper p {
        margin-top: 1.4rem;
        font-size: 1.4rem;
    }

    .sec4Wrapper {
        padding: 4rem 1.6rem;
        gap: 1rem;
        width: 100%;
    }
    .sec4-1-0 {
        width: 80%;
    }
    .sec4-1-1 {
        width: 100%;
    }
    .sec4-1-2, .sec4-1-3 {
        width: 100%;
        margin-top: 2rem;
    }
    .sec4-1-4 {
        width: 100%;
        margin-top: 2rem;
    }
    .sec4-2-0 {
        width: 100%
    }
    .sec4Wrapper ul {
        display: flex;
        gap: 1.6rem;
        flex-direction: column;
    }
    .sec4Wrapper li h4 {
        padding: 1rem 0;
        gap: 0.8rem;
        font-size: 1.8rem;
    }
    .sec4Wrapper li h4 img {
        height: 2.2rem;
    }
    .sec4Wrapper li p {
        font-size: 1.6rem;
    }
    .sec4-2-2 {
        margin-top: 2rem;
        width: 100%;
    }
    .sec4-3-0 {
        width: 100%;
    }
    .sec4-3-1 {
        gap: 2rem;
        width: 100%;
        flex-direction: column;
        box-sizing: border-box;
    }
    .sec4-3-1 li {
        width: 100%;
    }
    .sec4-3-1 h4 {
        padding: 1.6rem 0;
        font-size: 1.8rem;
    }
    .sec4-4-0 {
        width: 100%;
    }
    .faq {
        margin: 5rem auto 4rem ;
    }
    .filter .filtercta {
        padding: 1.6rem;
        gap: 1rem;
        width: 100%;
        font-size: 1.8rem;
        box-sizing: border-box;
        border-radius: 1rem;
    }
    .filter ul {
        width: 100%;
    }
    .filter li {
        font-size: 1.5rem;
    }
    #floating {
        width: 100%;
        justify-content: flex-end;
        padding: 2.4rem 1rem;
        box-sizing: border-box;
    }
    #floating a:before {
        width: 11rem;
        height: 11rem;
        transform: translateX(-110%);
    }
    .woman:after {
        display: none;
    }


}