@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
html {
    -webkit-font-smoothing: antialiased;
}
body {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    width: 100%;
    background-color: #ffffff;
}
/*ローディング*/

#loading {
    width: 100vw;
    height: 100vh;
    transition: all 1s;
    background-color: #c4ebf2;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
main a:link {
    text-decoration: underline;
    color: #f366a7;
}
main a:visited {
    color: #f366a7;
    text-decoration: underline;
}

@media (hover: hover) {
main a:hover {
    text-decoration: none;
    color: #f366a7;
}
}
main a:active {
    text-decoration: underline;
    color: #f366a7;
}
img {
    width: 100%;
}
footer {
    background-color: #ffffff;
}
.screen-reader-response {
    line-height: 2;
}
.wpcf7-response-output {
    line-height: 4;
}
.indent2 {
    margin-left: 1em;
}
.top05em {
    margin-top: 0.5em;
}
.loaded {
    opacity: 0;
    visibility: hidden;
}
.loading_item {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}
.sk-chase {
    width: 60px;
    height: 60px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}
.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}
.sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #fff;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}
.sk-chase-dot:nth-child(1) {
    animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2) {
    animation-delay: -1.0s;
}
.sk-chase-dot:nth-child(3) {
    animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4) {
    animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5) {
    animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6) {
    animation-delay: -0.6s;
}
.sk-chase-dot:nth-child(1):before {
    animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2):before {
    animation-delay: -1.0s;
}
.sk-chase-dot:nth-child(3):before {
    animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4):before {
    animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5):before {
    animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6):before {
    animation-delay: -0.6s;
}
@keyframes sk-chase {
100% {
transform: rotate(360deg);
}
}
 @keyframes sk-chase-dot {
 80%, 100% {
transform: rotate(360deg);
}
}
 @keyframes sk-chase-dot-before {
 50% {
 transform: scale(0.4);
}
100%, 0% {
 transform: scale(1.0);
}
}
span.aks {
    display: inline-block;
}
a img {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

@media (hover: hover) {
a:hover img {
    color: #fff !important;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0.5;
}
}
/*=================== ヘッダー ===================*/
header {
    display: flex;
    padding: 30px;
    justify-content: space-between;
    align-items: center;
}
h1 {
    display: flex;
    width: fit_content;
    white-space: nowrap;
    align-items: center;
}
.sharconnect_logo {
}
.sharconnect_logo_sub {
    font-size: min(2.6vw, 23px);
    color: #919999;
    font-weight: 500;
    margin-left: 6%;
    line-height: 1;
}
.corporate_website {
    margin-left: 6%;
    line-height: 1;
}
.corporate_website a {
    font-size: min(2.6vw, 20px);
    color: #919999;
    font-weight: 500;
    white-space: nowrap;
}
.corporate_website a::after {
    font-family: "Font Awesome 5 Free";
    content : "\f35d";
    font-weight: 900;
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    line-height: 1;
    text-decoration: none !important;
}
.corporate_website a:link {
    text-decoration: none;
    color: #919999;
}
.corporate_website a:visited {
    color: #919999;
    text-decoration: none;
}

@media (hover: hover) {
.corporate_website a:hover {
    text-decoration: none;
    color: #919999;
}
}
.corporate_website a:active {
    text-decoration: none;
    color: #919999;
}
@media (max-width:559px) {
header {
    display: block;
    padding: 5%;
}
h1 {
}
.sharconnect_logo {
    width: 62%;
}
.sharconnect_logo_sub {
    font-size: min(4.5vw, 23px);
}
.corporate_website {
    margin-left: 0%;
    line-height: 1;
    text-align: right;
    margin-top: 2%;
}
.corporate_website a {
    font-size: min(4vw, 20px);
}
.corporate_website a::after {
}
}
/*=================== トップページ　スライド ===================*/
 /*== 画像の表示エリア == */
.slide {
    position : relative;
    overflow : hidden;
    /* 画像のサイズに合わせて変更ください */
    width : 100vw;
    height : 55.00000000000001vw;
    margin : auto;      /* サンプルは中央寄せの背景：白 */
    background : #fff;
}
/*== 画像の設定 == */
.slide img {
    width: 100vw;
}
.slide picture {
    display : block;
    position : absolute;
    /* 画像のサイズを表示エリアに合せる */
    width : inherit;
    height : inherit;
    opacity : 0;
    animation : slideAnime 16s ease infinite;
}
/*== スライドのアニメーションを段差で開始する == */
.slide picture:nth-of-type(1) {
    animation-delay: 0s
}
.slide picture:nth-of-type(2) {
    animation-delay: 4s
}
.slide picture:nth-of-type(3) {
    animation-delay: 8s
}
.slide picture:nth-of-type(4) {
    animation-delay: 12s
}
 
 /*== スライドのアニメーション == */
@keyframes slideAnime {
 0% {
opacity: 0
}
 6% {
opacity: 1
}
 25% {
opacity: 1
}
 31% {
opacity: 0
}
 100% {
opacity: 0
}
}

@media (max-width:559px) {
.slide {
    height : 157.5vw;
}
}
/*=================== 配送シーンとコピー ===================*/
.scene {
    position: relative;
    overflow: hidden;
}
.scene_wrap {
    position: relative;
    max-width: 1280px;
    max-height: 1248px;
    height: 97.5vw;
    margin-left: auto;
    margin-right: auto;
}
.scene_1 {
    position: absolute;
    width: 22%;
    left: 5%;
    top: 11%;
    font-size: 1vw;
    border-radius: 1em;
    overflow: hidden;
    animation-name: sceneimg;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 2s;
}
.scene_2 {
    position: absolute;
    width: 22%;
    left: 36%;
    top: 6%;
    font-size: 1vw;
    border-radius: 1em;
    overflow: hidden;
    animation-name: sceneimg;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 3s;
}
.scene_3 {
    position: absolute;
    width: 22%;
    right: 6%;
    top: 18%;
    font-size: 1vw;
    border-radius: 1em;
    overflow: hidden;
    animation-name: sceneimg;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 3.5s;
}
.scene_copy {
    position: absolute;
    width: 28%;
    left: 36%;
    top: 33%;
}
.scene_4 {
    position: absolute;
    width: 22%;
    left: 8%;
    bottom: 22%;
    font-size: 1vw;
    border-radius: 1em;
    overflow: hidden;
    animation-name: sceneimg;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 2.5s;
}
.scene_5 {
    position: absolute;
    width: 22%;
    left: 42%;
    bottom: 6%;
    font-size: 1vw;
    border-radius: 1em;
    overflow: hidden;
    animation-name: sceneimg;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 2.5s;
}
.scene_6 {
    position: absolute;
    width: 22%;
    right: 4%;
    bottom: 25%;
    font-size: 1vw;
    border-radius: 1em;
    overflow: hidden;
    animation-name: sceneimg;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 2s;
}
@keyframes sceneimg {
 0% {
 transform: translate(0, 0px);
}
 100% {
 transform: translate(0, -10px)
}
}
.scene_blur_blue {
    position: absolute;
    width: 22%;
    left: -10%;
    top: 27%;
}
.scene_blur_pink {
    position: absolute;
    width: 22%;
    right: -10%;
    bottom: 10%;
}

@media (max-width:559px) {
.scene_wrap {
    max-height: 1260px;
    height: 225vw;
}
.scene_1 {
    width: 47%;
    left: -3%;
    top: 8%;
    border-radius: 3em;
    overflow: hidden;
}
.scene_2 {
    width: 47%;
    left: auto;
    right: -3%;
    top: 4%;
    border-radius: 3em;
}
.scene_3 {
}
.scene_copy {
    width: 75%;
    left: 14%;
    top: 31%;
}
.scene_4 {
    width: 47%;
    left: -3%;
    bottom: 4%;
    border-radius: 3em;
    animation-duration: 2s;
}
.scene_5 {
    width: 47%;
    left: auto;
    right: -3%;
    bottom: 8%;
    border-radius: 3em;
}
.scene_6 {
}
.scene_blur_blue {
    width: 75%;
    left: -40%;
    top: 18%;
}
.scene_blur_pink {
    width: 75%;
    right: -35%;
    bottom: 15%;
}
}
/*=================== シェアコネクトの実績 ===================*/
.jisseki {
    background: #F0FAFB;
    background: radial-gradient(circle, rgba(240, 250, 251, 1) 0%, rgba(240, 250, 251, 1) 50%, rgba(196, 235, 242, 1) 100%);
    padding-top: 4%;
    padding-bottom: 4%;
}
.jisseki_title_parent {
    overflow: hidden;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4%;
}
.jisseki_title {
    display: inline-block;
    font-size: min(3vw, 55px);
    line-height: 1;
    letter-spacing: 8px;
    font-weight: 600;
    background: linear-gradient(90deg, #00a5c6, #f366a7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.jisseki_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4%;
    padding-right: 4%;
}
.jisseki_hiritu {
    margin-left: 4%;
}
.jisseki_daisuu {
    margin-left: 4%;
}
.jisseki_uriage {
    margin-top: 4%;
}
.jisseki_karyou {
    margin-top: 4%;
    margin-left: 4%;
}
.jisseki_kyuuyo, .jisseki_hiritu, .jisseki_daisuu, .jisseki_uriage, .jisseki_karyou {
    width: 30.6%;
    height: 28vw;
    max-height: 352px;
    background-color: #ffffff;
    font-size: 1vw;
    border-radius: 1em;
}
.jisseki_kyuuyo_title, .jisseki_hiritu_title, .jisseki_daisuu_title, .jisseki_uriage_title, .jisseki_karyou_title {
    display: inline-block;
    font-size: min(2.4vw, 36px);
    font-weight: 600;
    background: linear-gradient(90deg, #00a5c6, #f366a7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    margin-top: 10%;
}
.jisseki_kyuuyo_main, .jisseki_hiritu_main, .jisseki_daisuu_main, .jisseki_daisuu_main, .jisseki_uriage_main, .jisseki_karyou_main {
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 73%;
    flex-wrap: wrap;
}
.jisseki_kyuuyo_main, .jisseki_hiritu_main_dansei, .jisseki_uriage_main {
    font-size: 3vw;
    font-weight: 500;
    color: #00a5c6;
}
.jisseki_hiritu_main_jyosei {
    font-size: 3vw;
    font-weight: 500;
    color: #f366a7;
    margin-top: 3%;
}
.jisseki_karyou_main {
    font-size: 3vw;
    font-weight: 500;
    color: #f366a7;
}
.jisseki_kyuuyo_main span.large, .jisseki_hiritu_main_dansei span.large, .jisseki_hiritu_main_jyosei span.large, .jisseki_uriage_main span.large, .jisseki_karyou_main span.large {
    font-size: 5vw;
}
.counter span {
    font-size: 4vw;
    vertical-align: baseline;
}

@media (min-width:1280px) {
.jisseki_kyuuyo_main, .jisseki_hiritu_main_dansei, .jisseki_hiritu_main_jyosei, .jisseki_uriage_main, .jisseki_karyou_main {
    font-size: 30px;
}
.jisseki_kyuuyo_main span.large, .jisseki_hiritu_main_dansei span.large, .jisseki_hiritu_main_jyosei span.large, .jisseki_uriage_main span.large, .jisseki_karyou_main span.large {
    font-size: 65px;
}
.counter span {
    font-size: 52px;
    vertical-align: baseline;
}
}
.underline {
    background: linear-gradient(transparent 80%, yellow 30%);
    display: inline-block;
    line-height: 1.2;
}
.jisseki_kyuuyo_main_annotation {
    width: 100%;
    font-size: min(1.2vw, 14px);
    font-weight: 400;
    color: #000000;
    margin-top: 4%;
    margin-left: 15%;
    text-align: left;
}
.jisseki_daisuu_main_copy {
    font-size: min(1.7vw, 20px);
    font-weight: 500;
    color: #00a5c6;
}
.jisseki_daisuu_main_item_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4%;
}
.jisseki_daisuu_main_item_l {
    text-align: left;
    font-size: min(1.7vw, 20px);
    font-weight: 500;
    color: #00a5c6;
    line-height: 1.3;
}
.jisseki_daisuu_main_item_r {
    text-align: left;
    font-size: 3vw;
    font-weight: 500;
    color: #00a5c6;
}
.jisseki_daisuu_main_item_r_1 {
    margin-left: 5%;
}
.jisseki_daisuu_main_goukei {
    font-size: 2vw;
    font-weight: 500;
    color: #f366a7;
}
.jisseki_daisuu_main_item_r span.large {
    font-size: 3.5vw;
}
.jisseki_daisuu_main_goukei span.large {
    font-size: 4.5vw;
}

@media (min-width:1280px) {
.jisseki_daisuu_main_item_r {
    font-size: 30px;
}
.jisseki_daisuu_main_goukei {
    font-size: 30px;
}
.jisseki_daisuu_main_item_r span.large {
    font-size: 37px;
}
.jisseki_daisuu_main_goukei span.large {
    font-size: 37px;
}
.jisseki_daisuu_main_goukei span.large {
    font-size: 55px;
}
}

@media (max-width:559px) {
.jisseki {
    padding-top: 8%;
    padding-bottom: 8%;
}
.jisseki_title_parent {
    margin-bottom: 8%;
}
.jisseki_title {
    font-size: min(6.5vw, 55px);
    letter-spacing: 2px;
}
.jisseki_wrap {
    padding-left: 6%;
    padding-right: 6%;
}
.jisseki_hiritu {
    margin-left: 6%;
}
.jisseki_daisuu {
    margin-left: 0%;
    margin-top: 6%;
}
.jisseki_uriage {
    margin-top: 6%;
}
.jisseki_karyou {
    margin-top: 6%;
    margin-left: 6%;
}
.jisseki_kyuuyo, .jisseki_hiritu, .jisseki_uriage, .jisseki_karyou {
    width: 47%;
    height: 39vw;
    max-height: 352px;
    border-radius: 2.5em;
}
.jisseki_daisuu {
    width: 100%;
    border-radius: 3em;
    height: 39vw;
}
.jisseki_kyuuyo_title, .jisseki_hiritu_title, .jisseki_uriage_title, .jisseki_karyou_title {
    font-size: min(4.5vw, 36px);
    margin-top: 10%;
}
.jisseki_daisuu_title {
    font-size: min(4.5vw, 36px);
    margin-top: 5%;
}
.jisseki_kyuuyo_main, .jisseki_hiritu_main, .jisseki_daisuu_main, .jisseki_daisuu_main, .jisseki_uriage_main, .jisseki_karyou_main {
    height: 62%;
}
.jisseki_kyuuyo_main, .jisseki_hiritu_main_dansei, .jisseki_uriage_main {
    font-size: 4.5vw;
}
.jisseki_hiritu_main_jyosei {
    font-size: 4.5vw;
    margin-top: 3%;
}
.jisseki_karyou_main {
    font-size: 4.5vw;
}
.jisseki_kyuuyo_main span.large, .jisseki_hiritu_main_dansei span.large, .jisseki_hiritu_main_jyosei span.large, .jisseki_uriage_main span.large, .jisseki_karyou_main span.large {
    font-size: 8.5vw;
}
.counter span {
    font-size: 6.5vw;
}
.jisseki_kyuuyo_main_annotation {
    font-size: min(2.5vw, 14px);
    margin-top: 1%;
    margin-left: 12%;
}
.jisseki_daisuu_main_copy {
    font-size: min(3vw, 20px);
}
.jisseki_daisuu_main_item_wrap_parent {
    display: flex;
    justify-content: center;
    padding-left: 2%;
    padding-right: 2%;
}
.jisseki_daisuu_main_item_wrap {
    margin-top: 2%;
    width: 50%;
}
.jisseki_daisuu_main_item_l {
    font-size: min(3vw, 20px);
}
.jisseki_daisuu_main_item_r {
    font-size: 4vw;
}
.jisseki_daisuu_main_item_r_1 {
    margin-left: 5%;
}
.jisseki_daisuu_main_goukei {
    font-size: 4.5vw;
    margin-top: 1%;
}
.jisseki_daisuu_main_item_r span.large {
    font-size: 6vw;
}
.jisseki_daisuu_main_goukei span.large {
    font-size: 7vw;
}
}
/*=================== シェアコネクトの魅力 ===================*/
.miryoku {
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%;
    overflow: hidden;
}
.miryoku_blur_blue {
    position: absolute;
    width: 22%;
    left: -10%;
    top: 10%;
    z-index: -1;
}
.miryoku_blur_pink {
    position: absolute;
    width: 22%;
    right: -10%;
    bottom: 30%;
    z-index: -1;
}
.miryoku_title_parent {
    overflow: hidden;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4%;
}
.miryoku_title {
    display: inline-block;
    font-size: min(3vw, 55px);
    line-height: 1;
    letter-spacing: 8px;
    font-weight: 600;
    background: linear-gradient(90deg, #00a5c6, #f366a7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.miryoku_title_caption {
    font-size: min(2vw, 18px);
    line-height: 1.8;
}
.miryoku_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4%;
    padding-right: 4%;
}
.miryoku_item_wrap_a {
    display: flex;
    margin-top: 4%;
}
.miryoku_item_wrap_b {
    display: flex;
    margin-top: 4%;
    padding-top: 4%;
    background-image: radial-gradient(circle, #000000 2px, transparent 2px);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 14px 4px;
}
.miryoku_item_wrap_a_l {
    width: 48%;
    font-size: 1vw;
    border-radius: 1em;
    overflow: hidden;
}
.miryoku_item_wrap_a_r {
    width: 48%;
    margin-left: 4%;
}
.miryoku_item_wrap_b_l {
    width: 48%;
    margin-right: 4%;
}
.miryoku_item_wrap_b_r {
    width: 48%;
    font-size: 1vw;
    border-radius: 1em;
    overflow: hidden;
}
.miryoku_item_wrap_a_r_title {
    font-size: min(2.4vw, 36px);
    font-weight: 600;
    color: #00a5c6;
    line-height: 1.4;
    text-align: left;
}
.miryoku_item_wrap_a_r_caption {
    font-size: min(1.8vw, 18px);
    line-height: 1.7;
    text-align: left;
    margin-top: 4%;
}
.miryoku_item_wrap_b_l_title {
    font-size: min(2.4vw, 36px);
    font-weight: 600;
    color: #00a5c6;
    line-height: 1.4;
    text-align: left;
}
.miryoku_item_wrap_b_l_caption {
    font-size: min(1.8vw, 18px);
    line-height: 1.7;
    text-align: left;
    margin-top: 4%;
}
@media (max-width:559px) {
.miryoku {
    position: relative;
    padding-top: 8%;
    padding-bottom: 8%;
    overflow: hidden;
}
.miryoku_blur_blue {
    width: 75%;
    left: -40%;
    top: 5%;
}
.miryoku_blur_pink {
    width: 75%;
    right: -35%;
    bottom: 30%;
}
.miryoku_title_parent {
    margin-bottom: 8%;
}
.miryoku_title {
    font-size: min(6.5vw, 55px);
    letter-spacing: 2px;
}
.miryoku_title_caption {
    font-size: min(3.2vw, 18px);
    line-height: 1.6;
    text-align: left;
    padding-left: 6%;
    padding-right: 6%;
}
.miryoku_wrap {
    padding-left: 6%;
    padding-right: 6%;
}
.miryoku_item_wrap_a {
    display: block;
    margin-top: 6%;
}
.miryoku_item_wrap_b {
    display: flex;
    margin-top: 8%;
    padding-top: 9%;
    background-image: radial-gradient(circle, #000000 2px, transparent 2px);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 12px 4px;
    flex-direction: column-reverse;
}
.miryoku_item_wrap_a_l {
    width: 107%;
    font-size: 1vw;
    border-radius: 0em 4em 4em 0em;
    margin-left: -7%;
    overflow: hidden;
}
.miryoku_item_wrap_a_r {
    width: 100%;
    margin-left: 0%;
}
.miryoku_item_wrap_b_l {
    width: 100%;
    margin-right: 0%;
}
.miryoku_item_wrap_b_r {
    width: 107%;
    font-size: 1vw;
    border-radius: 4em 0em 0em 4em;
    margin-right: -7%;
    overflow: hidden;
}
.miryoku_item_wrap_a_r_title {
    font-size: min(4.8vw, 36px);
    margin-top: 4%;
}
.miryoku_item_wrap_a_r_caption {
    font-size: min(3.5vw, 18px);
    line-height: 1.7;
    margin-top: 4%;
}
.miryoku_item_wrap_b_l_title {
    font-size: min(4.8vw, 36px);
    line-height: 1.4;
    margin-top: 4%;
}
.miryoku_item_wrap_b_l_caption {
    font-size: min(3.5vw, 18px);
    line-height: 1.7;
    margin-top: 4%;
}
}
/*=================== 入社してよかったこと ===================*/
.yokatta {
    background: #F0FAFB;
    background: radial-gradient(circle, rgba(240, 250, 251, 1) 0%, rgba(240, 250, 251, 1) 50%, rgba(196, 235, 242, 1) 100%);
    padding-top: 4%;
}
.yokatta_title_parent {
    overflow: hidden;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
.yokatta_title {
    display: inline-block;
    font-size: min(3vw, 55px);
    line-height: 1;
    letter-spacing: 8px;
    font-weight: 600;
    background: linear-gradient(90deg, #00a5c6, #f366a7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.yokatta_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4%;
    padding-right: 4%;
    margin-top: 4%;
    margin-bottom: 4%;
    position: relative;
    height: 29.6875vw;
    max-height: 380px;
}
.yokatta_1 {
    position: absolute;
    top: 0;
    left: 8%;
    width: 28%;
    z-index: 1;
}
.yokatta_2 {
    position: absolute;
    top: 0;
    right: 4%;
    width: 28%;
    z-index: 2;
}
.yokatta_3 {
    position: absolute;
    bottom: 0;
    left: 4%;
    width: 28%;
    z-index: 3;
}
.yokatta_4 {
    position: absolute;
    bottom: 0;
    right: 8%;
    width: 28%;
    z-index: 4;
}
.yokatta_img {
    font-size: 1vw;
    border-radius: 1em;
    overflow: hidden;
    position: absolute;
    top: 6%;
    left: 0%;
    right: 0%;
    width: 40%;
    margin: auto;
    z-index: 0;
}
@media (max-width:559px) {
.yokatta {
    padding-top: 8%;
}
.yokatta_title_parent {
}
.yokatta_title {
    font-size: min(6.5vw, 55px);
    letter-spacing: 2px;
}
.yokatta_wrap {
    display: block;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6%;
    padding-right: 6%;
    margin-top: 8%;
    margin-bottom: 8%;
    position: relative;
    height: auto;
    max-height: none;
}
.yokatta_1 {
    position: inherit;
    top: auto;
    left: auto;
    width: 70%;
    z-index: 1;
}
.yokatta_2 {
    position: inherit;
    top: auto;
    right: auto;
    width: 70%;
    margin-left: auto;
    z-index: 2;
    margin-top: 2%;
    margin-bottom: 2%;
}
.yokatta_3 {
    position: inherit;
    bottom: auto;
    left: auto;
    width: 70%;
    z-index: 3;
    margin-top: 8%;
    margin-bottom: 2%;
}
.yokatta_4 {
    position: inherit;
    bottom: auto;
    right: auto;
    width: 70%;
    z-index: 4;
    margin-left: auto;
}
.yokatta_img {
    font-size: 1vw;
    border-radius: 3em;
    overflow: hidden;
    position: inherit;
    top: auto;
    left: auto;
    right: auto;
    width: 75%;
    margin: auto;
    z-index: 0;
}
}
/*=================== 募集要項 ===================*/
.recruitment_wrap {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 4%;
    padding-bottom: 4%;
}
.recruitment_title_parent {
    margin-right: auto;
    width: fit-content;
    margin-bottom: 4%;
}
.recruitment_title {
    display: inline-block;
    font-size: min(3vw, 50px);
    line-height: 1;
    letter-spacing: 8px;
    font-weight: 600;
    background: linear-gradient(90deg, #00a5c6, #f366a7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.recruitment_detail {
    font-size: 18px;
    text-align: left;
}
.recruitment_detail dt {
    float: left;
    width: 10em;
    color: #00a5c6;
    font-weight: 500;
    padding-left: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    line-height: 1.5;
    font-size: min(1.8vw, 18px);
}
.recruitment_detail dd {
    border-bottom: 1px solid #808080;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding-right: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 10em;
    line-height: 1.5;
    font-size: min(1.8vw, 18px);
}
.recruitment_detail dd:last-child {
    border-bottom: none;
}
.annotation {
    font-size: min(1.6vw, 16px);
}
.contact_button {
    margin-bottom: 6%;
}
.contact_button a {
    background: rgb(0,165,198);
    background: linear-gradient(90deg, rgba(0,165,198,1) 0%, rgba(243,102,167,1) 100%);
    display: inline-block;
    font-weight: 700;
    color: #ffffff;
    font-size: min(3vw, 24px);
    padding: 0.7em;
    ;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    line-height: 1;
}
.contact_button a::after {
    font-family: "Font Awesome 5 Free";
    content : "\f138";
    font-weight: 900;
    display: inline-block;
    margin-left: 0.3em;
    vertical-align: bottom;
    text-decoration: none !important;
}
.contact_button a:link {
    text-decoration: none;
    color: #fff;
}
.contact_button a:visited {
    color: #fff;
    text-decoration: none;
}
@media (hover: hover) {
.contact_button a:hover {
    text-decoration: none;
    color: #fff;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0.5;
}
}
.contact_button a:active {
    text-decoration: none;
    color: #fff;
}
@media (max-width:559px)  {
.recruitment_wrap {
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 8%;
    padding-bottom: 6%;
}
.recruitment_title_parent {
    margin-bottom: 4%;
}
.recruitment_title {
    display: inline-block;
    font-size: min(6.5vw, 55px);
    letter-spacing: 4px;
}
.recruitment_detail {
    font-size: 18px;
    text-align: left;
}
.recruitment_detail dt {
    float: none;
    width: 100%;
    color: #00a5c6;
    font-weight: 500;
    padding-left: 0em;
    padding-top: 1em;
    padding-bottom: 0em;
    line-height: 1.5;
    font-size: min(4vw, 18px);
}
.recruitment_detail dd {
    border-bottom: 1px solid #808080;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding-right: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0em;
    line-height: 1.5;
    font-size: min(3.5vw, 18px);
}
.recruitment_detail dd:last-child {
    border-bottom: none;
}
.annotation {
    font-size: min(3vw, 16px);
}
.contact_button {
    margin-bottom: 10%;
}
.contact_button a {
    background: rgb(0,165,198);
    background: linear-gradient(90deg, rgba(0,165,198,1) 0%, rgba(243,102,167,1) 100%);
    display: inline-block;
    font-weight: 700;
    color: #ffffff;
    font-size: min(5vw, 24px);
    padding: 0.7em;
    ;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    line-height: 1;
}
}
/*=================== フッター　レイアウト ===================*/
footer {
    z-index: 100;
}
.footer_wrap {
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #f7f7f7;
    color: #666666;
}
.footer_logo {
    max-width: 600px;
    width: 90vw;
}
.footer_address {
    text-align: left;
    font-size: 12px;
    line-height: 1.6;
    margin-top: 1%;
}
address {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-style: normal;
    text-align: right;
    text-decoration: none;
    margin-top: 1rem;
}
@media (max-width:559px) {
.footer_wrap {
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 6%;
    padding-bottom: 6%;
    background-color: #f7f7f7;
    color: #666666;
}
.footer_logo {
    max-width: 600px;
    width: 100%;
}
.footer_address {
    text-align: left;
    font-size: 12px;
    line-height: 1.6;
    margin-top: 6%;
}
address {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-style: normal;
    text-align: right;
    text-decoration: none;
    margin-top: 1rem;
}
}
/*=================== モバイル ===================*/
@media (max-width:559px) {
.PC {
    display: none;
}
.TB {
    display: none;
}
/*=================== モバイル　フッター ===================*/
}

@media (min-width:560px) {
.SP {
    display: none;
}
}

@media (min-width:960px) {
.TB {
    display: none;
}
}