/* ======================================
メインビジュアル */

.fv img {
   display: block;
   width: 100%;
   height: auto;
}


/* ==========================
   1分でわかる！延岡環境組合の魅力　*/

.feature_back {
   margin-bottom: 2em;
   margin-top: 4em;
   position: relative;
}
.feature_back::before {
   background: url("img/index/features_en.jpg") no-repeat;
   background-size: cover;
   background-position: top left;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: .1;
   z-index: -1;
}
@media print, screen and (min-width: 1025px) {
.feature_back { margin-bottom: 4em; margin-top: 8em;} 
}

/* タイトル */
.features_list { counter-reset: number 0;}
.features_title_sub {
   color: #B5EE2E;
   line-height: 1;
   margin-bottom: 1em;
   display: flex;
   align-items: end;
}
.features_title_sub::before {
   counter-increment: number 1;
   content: counter(number,decimal-leading-zero) "";
   font-size: clamp(2.5rem, 1.818rem + 3.41vw, 4.375rem);
   order: 1;
}
.features_title_sub::after {
   content: "Our Features";
   font-size: clamp(0.875rem, 0.648rem + 1.14vw, 1.5rem);
   order: 2;
}
.features_title_sub img {
   order: 3;
   max-height: 40px;
   width: auto;
   margin-left: 1em;
}
@media print, screen and (min-width: 1025px) {
.features_title_sub img { max-height: 70px;}
}

.features_title {
   color: #314A70;
   font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
   line-height: 1.5;
}


@media print, screen and (max-width: 767px) {
.features_item {
   display: flex;
   flex-direction: column;
}
.features_pic { order: 1; margin: 0 3% 1.5em;}
.features_cont { order: 2;}
.features_list li { margin-bottom: 2em;}
}

@media print, screen and (min-width: 768px) {
.features_item {
   position: relative;
}
.features_cont {
   display: flex;
}
.features_list>li:nth-child(odd) .features_cont::before {
   content: "";
   width: 50%;
   height: 100%;
   display: block;
}
.features_list>li:nth-child(even) .features_cont::after {
   content: "";
   width: 50%;
   height: 100%;
   display: block;
}
.features_list>li:nth-child(odd) .features_txt {
   width: 45%;
   margin-left: auto;
}
.features_list>li:nth-child(even) .features_txt {
   width: 45%;
   margin-right: auto;
}
.features_list>li:nth-child(odd) .features_pic {
   position: absolute;
   top: 0;
   left: 0;
   width: 50%;
}
.features_list>li:nth-child(even) .features_pic {
   position: absolute;
   top: 0;
   right: 0;
   width: 50%;
}
.features_list li { margin-bottom: 6em;}
}

/* 募集要項・エントリー */
.entry_try {
   background: #314A70;
   padding: 2.5em 0;
}
@media print, screen and (min-width: 1025px) {
.entry_try { padding: 3.5em 0;}
}
.entry_try_catch {
   color: #fff;
   letter-spacing: .07em;
   font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
   line-height: 1.6;
   margin-bottom: 1.5em;
}

.entry_try_btn li a { display: block; transition: all .2s ease;}
.entry_try_btn li + li { margin-top: 1.5em;}
.entry_try_btn li { max-width: 400px; width: 90%; margin: auto;}

@media print, screen and (min-width: 768px) {
.entry_try_btn {
   display: flex;
   justify-content: center;
}
.entry_try_btn li { max-width: 450px; width: 100%; margin: 0 1em;}
.entry_try_btn li + li { margin-top: 0;}
}

@media print, screen and (min-width: 1025px) {
.entry_try_btn li a:hover { opacity: .7;}
}


/* ==========================
   主な仕事内容　*/

.service_title {
   font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
   font-weight: 700;
   color: #1253E5;
   display: inline-block;
   padding: .3em .5em;
   background: #fff;
   margin-bottom: .5em;
}

.container {
   margin-top: -1em;
   width: 100%;
   overflow: hidden;
}

.slick-item {
   background: #EEF3F9;
   padding: 1em;
}

@media print, screen and (min-width:1025px){
.slick-item { padding: 2em;}
}

.slick-slider { padding: 0 !important;}
.slick-track { margin: 0 !important;}

.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.slick-list:focus {outline: none;}.slick-list.dragging {cursor: pointer;cursor: hand;}.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}.slick-track:before, .slick-track:after {display: table;content: '';}.slick-track:after {clear: both;}.slick-loading .slick-track {visibility: hidden;}.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide {float: right;}.slick-slide img {display: block;}.slick-slide.slick-loading img {display: none;}.slick-slide.dragging img {pointer-events: none;}.slick-initialized .slick-slide {display: block;}.slick-loading .slick-slide {visibility: hidden;}.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}.slick-arrow.slick-hidden {display: none;}

/*------------ 矢印の位置を変える ------------*/
.arrow_box {
   text-align: right;
   margin-top: 1em;
}
.arrow_box i {
   color: #1253E5;
   margin-left: .3em;
   font-size: clamp(1.625rem, 1.307rem + 1.59vw, 2.5rem);
   cursor: pointer;
}
@media print, screen and (min-width: 1025px) {
.arrow_box { margin-top: 0;}
}


/*------------ 長方形 ------------*/
.container .dots-wrap {
   display: flex;
   justify-content: end;
   align-items: center;
   list-style: none;
   margin: 0;
   padding: 0;
}
.container .dots-wrap::before {
   content: "01";
   margin-right: .5em;
}
.container .dots-wrap::after {
   content: "03";
   margin-left: .5em;
}
.container .dots-wrap::before,
.container .dots-wrap::after { font-family: 'Open Sans',sans-serif; font-weight: 600; font-style: italic; color: #1253E5;}

.container .dots-wrap li {
   width: 3em;
   height: 2.5px;
   background: #C5DFFF;
   cursor: pointer;
}

.container .dots-wrap li button {
   display: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   outline: none;
   padding: 0;
   border: none;
   background-color: transparent;
}

.container .dots-wrap li:hover,
.container .dots-wrap li.slick-active {
   background: #1253E5;
}


/*------------ 左右を見せる ------------*/
.slider .slick-list {
   overflow: visible;
 }
 .slider .slick-slide {
   transition: 0.4s;
}
 .slider {
   max-width: 1260px;
   width: 100%;
   padding-left: 3%;
   padding-right: 3%;
   margin-left: auto;
   margin-right: auto;
 }
 
 /* 中央以外は少し縮めると自然 */
@media print, screen and (min-width: 1025px) {
.slider .slick-slide {
   transform: scale(0.92);
}
}

.marker { background: linear-gradient(transparent 60%, #b5ee2e63 60%);}


/* =====================================
   数字で見る */

.item_cont {
   box-shadow: inset 15px 15px 45px rgba(255, 255, 255, 0.55), 3px 3px 8px 1px #3d63b736;
   padding: 1em;
   margin-bottom: 1.5em;
   position: relative;
}

.value_pic01 img,.value_pic02 img { display: block; height: 100%;}

.value_pic01 {
   position: absolute;
   bottom: 0;
   left: 0%;
   padding: 1em;
   opacity: .15;
   height: 85%;
   z-index: -1;
}
.value_pic02 {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   padding: 1em;
   opacity: .15;
   height: 100%;
   width: 100%;
   z-index: -1;
}
@media print, screen and (min-width: 768px) {
.value_pic01,.value_pic02 { padding: 1.5em;}
}


@media print, screen and (min-width: 768px) {
.item_flex01 {
   display: flex;
   justify-content: space-between;
}
.item_flex01 .item_cont { width: 31.5%;}
}
@media print, screen and (min-width: 1025px) {
.item_flex02 {
   display: flex;
   justify-content: space-between;
}
.item_flex02 .item_cont { width: 48.5%;}
}


.value_title {
   font-weight: 700;
   font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
   letter-spacing: .07em;
   margin-bottom: .7em;
   line-height: 1.4;
   text-align: left;
}
.value_title span {
   display: block;
   color: #B5EE2E;
   font-size: clamp(0.875rem, 0.648rem + 1.14vw, 1.5rem);
   letter-spacing: 0;
}

.value_number {
   font-size: clamp(3.75rem, 2.386rem + 6.82vw, 7.5rem);
   background: linear-gradient(270deg, #63DED1 0%, #1253E5 80%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 900;
   line-height: 1;
}
.value_sub {
   font-size: clamp(1rem, 0.636rem + 1.82vw, 2rem);
   font-weight: 700;
   margin-left: .3em;
   letter-spacing: .07em;
}

.value_number_gomi {
   font-size: 70%;
   display: inline-block;
   margin-left: .2em;
   letter-spacing: -4px;
}
.value_number_gomi_txt {
   color: #1253E5;
   font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
   margin-top: .3em;
}


.size_number {
   opacity: 0;
   transform: scale(0.3);
   transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.size_txt { overflow: hidden;}
.size_txt .is-visible {
   opacity: 1;
   transform: scale(1.2);
}
.size_txt .is-visible {
   animation: bounce 0.3s cubic-bezier(0.3, 1.5, 0.5, 1); /* より弾む動き */
}

/* ぽよんアニメーション */
@keyframes bounce {
   0% { transform: scale(0.8); }
   30% { transform: scale(1.6); } /* 一瞬大きくする */
   60% { transform: scale(0.9); } /* 少し縮ませて勢いを出す */
   100% { transform: scale(1); }
}

/* 円グラフ */
.graph01 {
   display: flex;
   justify-content: space-between;
}
.graph_txt { width: 45%;}
.graph_pic { width: 53%; overflow: hidden; position: relative;}
.graph01_list {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   font-size: 85%;
   font-weight: 700;
}
.graph01_list li {
   width: 48%;
   display: flex;
   align-items: center;
   margin-top: .5em;
   line-height: 1.5;
}

.graph01_list li::before {
   content: "";
   width: 1.7em;
   height: .9em;
   display: inline-block;
   margin-right: .3em;
}
.graph01_list li:nth-child(1)::before { background: #314A70;}
.graph01_list li:nth-child(2)::before { background: #1253E5;}
.graph01_list li:nth-child(3)::before { background: #3EB2FF;}
.graph01_list li:nth-child(4)::before { background: #63DED1;}
.graph01_list li:nth-child(5)::before { background: #B5EE2E;}

.graph02_list {
   margin-top: 1em;
   font-size: 85%;
   font-weight: 700;
}
.graph02_list li {
   margin-left: 1.9em;
   text-indent: -1.9em;
   line-height: 1.5;
   margin-top: .5em;
}

.graph02_list li::before {
   content: "";
   width: 1.7em;
   height: .9em;
   display: inline-block;
   margin-right: .3em;
}
.graph02_list li:nth-child(1)::before { background: #EE7500;}
.graph02_list li:nth-child(2)::before { background: #69E236;}
.graph02_list li:nth-child(3)::before { background: #FAC028;}
.graph02_list li:nth-child(4)::before { background: #00B0E7;}
.graph02_list li:nth-child(5)::before { background: #63DED1;}

.bl_svg { display: block; width: 100%; height: auto;}
.bl_svg_circle_graph_rectangle {
   fill: none;
   stroke: white;
   stroke-width: 160.5px;
   stroke-dasharray: 548.13;
   stroke-dashoffset: 0;
   rotate: 90deg;
   scale: -1 1;
   transform-origin: center;
   animation-play-state: running;
}
.bl_svg.animate .bl_svg_circle_graph_rectangle {
   animation: animation01 .8s ease-in-out forwards;
   animation-direction: normal;
}

@keyframes animation01 {
from {
   stroke-dashoffset: 0;
}
to {
   stroke-dashoffset: 548.13;
}
}

/* illustration */
.data_illustration01,.data_illustration02,.data_illustration03 { position: absolute;}

.data_illustration01 {
   width: 60px;
   top: -3%;
   right: 0;
}
.data_illustration02 {
   width: 60px;
   bottom: -3%;
   left: -2%;
}
.data_illustration03 {
   width: 70px;
   bottom: -3%;
   right: -2%;
}

@media print, screen and (min-width: 768px) {
.data_illustration01 { width: 75px;}
.data_illustration02 { width: 95px;}
.data_illustration03 { width: 95px;}
}


/* ==========================
   社員インタビュー　*/

.car01 {
   position: absolute;
   right: 3%;
   bottom: 0;
   width: 30%;
   max-width: 300px;
   z-index: -3;
}
.car02 {
   position: absolute;
   left: 3%;
   bottom: 0;
   width: 30%;
   max-width: 300px;
   z-index: -3;
}

.interview_number {
   width: 60%;
   margin-bottom: -2em;
   position: relative;
   z-index: 1;
   margin-right: auto;
   padding-right: 3%;
}
@media print, screen and (min-width: 768px) {
.interview_number {
   width: 44vw;
   margin-bottom: -8%;
   margin-right: 0;
   position: absolute;
   top: 0;
}
.interview_list>li:nth-child(odd) .interview_number {
   margin-left: auto;
   padding-right: 3%;
   right: 0;
}
.interview_list>li:nth-child(even) .interview_number {
   margin-right: auto;
   padding-left: 3%;
   left: 0;
}
}

.interview_main_title span {
   color: #1253E5;
   font-size: clamp(1.125rem, 0.716rem + 2.05vw, 2.25rem);
   line-height: 1.2;
   background: #fff;
   padding: .2em .5em;
   letter-spacing: .07em;
   display: inline-block;
   margin-top: .3em;
}

.interview,.interview_main { position: relative;}
.interview {
   padding-bottom: 1.5em;
   margin-bottom: 1.5em;
}
@media print, screen and (min-width: 768px) {
.interview {
   padding-bottom: 2.5em;
   margin-bottom: 3em;
}
}

.interview::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 85%;
   background: linear-gradient(130deg, #1253E5 25%, #1BD3F9);
   z-index: -3;
}
.interview_list li:first-child .interview::after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 15%;
   background: #fff;
   z-index: -2;
}

@media print, screen and (min-width: 768px) {
.interview_main_cont {
   display: flex;
}
.interview_list>li:nth-child(odd) .interview_main_cont::before {
   content: "";
   width: 10%;
   height: 100%;
   display: block;
}
.interview_list>li:nth-child(even) .interview_main_cont::after {
   content: "";
   width: 10%;
   height: 100%;
   display: block;
}
.interview_list>li:nth-child(odd) .interview_main_txt::after {
   margin-left: auto;
}
.interview_list>li:nth-child(even) .interview_main_txt::before {
   margin-right: auto;
}
.interview_main_txt {
   width: 90%;
   margin-top: 7em;
}
.interview_list>li:nth-child(odd) .interview_main_pic {
   position: absolute;
   top: 0;
   left: 0;
   width: 60%;
   z-index: -1;
}
.interview_list>li:nth-child(even) .interview_main_pic {
   position: absolute;
   top: 0;
   right: 0;
   width: 60%;
   z-index: -1;
}
}
@media print, screen and (min-width: 1260px) {
.interview_main_txt { margin-top: 8em;}
}
@media print, screen and (min-width: 1440px) {
.interview_main_txt { margin-top: 12em;}
}

.interview_name_cont {
   color: #fff;
   line-height: 1.5;
   margin-top: 1em;
   font-size: 110%;
}
.interview_name {
   font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
}
@media print, screen and (min-width: 768px) {
.interview_name_cont { margin-top: 8%;}
}


@media print, screen and (max-width: 767px) {
.interview_main{
   display: flex;
   flex-direction: column;
 }
 .interview_main_cont{
   order: 2;
   margin-top: -1.5em;
 }
 .interview_main_pic{
   order: 1;
 }
}

/*------------ インタビュー内容 ------------*/

.interview_sub_pic { position: relative;}
@media print, screen and (max-width: 767px) {
.interview_item{
   display: flex;
   flex-direction: column;
}
.interview_sub_txt { order: 1;}
.interview_sub_pic { order: 2;}
}

@media print, screen and (min-width: 768px) {
.interview_item {
   display: flex;
   justify-content: space-between;
   margin-bottom: 2.5em;
   align-items: start;
}
.interview_sub_txt {
   width: 40%;
}
.interview_sub_pic {
   width: 55%;
}
}

.car_illustration01 {
   position: absolute;
   left: -3%;
   bottom: -9%;
   width: 22%;
   max-width: 130px;
}

/*------------ メッセージ ------------*/
.interview_message {
   background: linear-gradient(90deg, #1253E5 25%, #63DED1);
   padding: 1em;
   margin-top: 1em;
   position: relative;
}
.message_cont {
   background: #fff;
   padding: 1em;
}
.message_title span {
   font-weight: 700;
   font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
   display: inline-block;
   background: linear-gradient(90deg, #1253E5 25%, #63DED1);
   line-height: 1.4;
   padding: .3em .5em;
   color: #fff;
}
.message_txt { width: 100%; font-size: 110%;}
.message_pic { width: 60%; position: relative; margin: 1em auto 0 auto;}
.message_pic img { width: 80%; margin: 0 auto;}
.messageforyou {
   position: absolute;
   bottom: -1.5em;
   left: 48%;
   transform: translateX(-52%);
   width: 130% !important;
}

@media print, screen and (min-width: 768px) {
.interview_message { padding: 1.5em;}
.message_cont {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: 1.5em;
}
.message_txt { width: 73%;}
.message_pic { width: 22%; margin: 0;}
}


.interview_list li + li { margin-top: 4em;}
@media print, screen and (min-width: 1025px) {
.interview_list li + li { margin-top: 8em;}
}


.interview_back {
   position: relative;
}
.interview_back .sectionbloc { padding-bottom: 0; padding-top: 0; margin-top: 2em; margin-bottom: 2em;}
.interview_back .cont_title {
   background: #fff;
}
.interview_back .cont_title {
   padding-bottom: 1.5em;
   margin-bottom: 0;
}
@media print, screen and (min-width: 1025px) {
.interview_back .sectionbloc { margin-top: 4em; margin-bottom: 4em;}
.interview_back .cont_title {
   padding-bottom: 2em;
}
}
.interview_back::before {
   background: url(img/index/interview_line.jpg) no-repeat;
   background-size: cover;
   background-position: left;
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -3;
}

.requirements_frame {
   position: relative;
   z-index: 1;
}


/* ==========================
   募集要項　*/

.requirements_back {
   background: #E9FBFF;
}

/* タブメニュー */
.tab { margin-bottom: 2em;}
@media print, screen and (min-width: 1025px) {
.tab { margin-bottom: 4em;}
}
.tab__menu {
   display: flex;
   align-items: flex-end;
   justify-content: center;
   min-height: 50px; /* メニュー切替時にタブがズレないように */
   padding: 0;
   margin: 0;
}
.tab__menu-item {
   list-style: none;
   width: 100%;
   padding: .5em;
   text-align: center;
   background-color: #C8EFFF;
   color: #333;
   border-radius: 1em 1em 0 0;
   cursor: pointer;
   transition: all .3s; /* アニメーション */
   font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
   font-weight: 700;
}
.tab__menu-item:last-of-type {
   margin-right: 0px;
}

/* is-activeがついている時のスタイル */
.tab__menu-item.is-active {
   padding: .7em .5em;
   background: linear-gradient(125deg, #1253E5 10%, #3EB2FF);
   color: #fff;
}

/* タブパネル */
.tab__panel { width: 100%;}

.tab__panel-box {
   padding: 1em;
   background: #fff;
}
@media print, screen and (min-width: 1025px) {
.tab__panel-box { padding: 2.5em 2em;}
}

.tab__panel-box001 { display: none;}
.tab__panel-box002 { display: none;}

/* is-showがついている時のスタイル */
.tab__panel-box.is-show {
   display: block;
}

/* テーブル */
.tabledata {
   width: 100%;
   border-collapse: collapse;
}
.tabledata th,.tabledata td {
   display: block;
   width: 100%;
}
.tabledata th {
   font-weight: 700;
   text-align: left;
   padding: .5em .5em 0;
}
.tabledata td {
   padding: 0 .5em .5em;
   border-bottom: 1px #c4c4c4 solid ;
}
@media print, screen and (min-width: 600px) {
.tabledata th,.tabledata td {
display: table-cell;
border-bottom: 1px #c4c4c4 solid ;
padding: .7em 0;
}
.tabledata th {
width: 18%;
}
.tabledata td {
width: 82%;
}
}

/* ボタン */
.requirements_txt img {display: block; width: 100%; height: auto;}
.requirements_txt { max-width: 900px; margin: 2em auto 1em auto;}

.tab_btn1,
.tab_btn2 {
   cursor: pointer;
   margin-top: 1.5em;
   font-size: clamp(0.875rem, 0.693rem + 0.91vw, 1.375rem);
   border-bottom: solid 2px #583E38;
   display: inline-block;
   transition: all .2s ease;
}

.tab_btn1:hover,
.tab_btn2:hover { border-bottom: solid 2px #fff;}



.tab_entry_catch {
   color: #314A70;
   letter-spacing: .07em;
   font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
   line-height: 1.6;
   margin-bottom: 1.5em;
}


.entry_frame {
   background: #E9FBFF;
}


/* ===============================
   採用エントリー */

.entry {
   position: relative;
}
.entry::before {
   content: "";
   background: linear-gradient(180deg, #1253E5 10%, #52C1D5);
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -2;
}
.entry .title_txt span {
   color: #1253E5;
   background: #fff;
}


.entry_cont {
   background: #314A70;
   padding: 1em;
}
@media print, screen and (min-width: 1260px) {
.entry_cont { padding: 3em;}
}

.entry_title {
   color: #fff;
   letter-spacing: .07em;
   font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
   line-height: 1.6;
   margin-bottom: 1em;
}
.entry_sub {
   position: relative;
   border: solid 1px #fff;
   padding: .7em;
   color: #fff;
   margin-bottom: 3em;
}
@media print, screen and (min-width: 1260px) {
.entry_sub { margin-bottom: 3em;}
}
.entry_sub::after {
   content: "";
   position: absolute;
   bottom: -15px;
   left: 50%;
   width: 30px;
   height: 30px;
   box-sizing: border-box;
   border: 2px solid;
   border-color: #fff #fff transparent transparent;
   background-color: #314A70;
   rotate: 135deg;
   translate: -50% 0;
   z-index: 1;
}
.entry_sub div { display: inline; font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);}
.entry_sub span {
   border-bottom: solid 2px #B5EE2E;
}

.entry01,.entry02,.entry03 { position: absolute; width: 18vw; z-index: -1;}
.entry01 {
   top: 0;
   right: 0;
}
.entry02 {
   top: 50%;
   left: 0;
}
.entry03 {
   bottom: 0;
   right: 0;
}

/*------------ 応募方法 ------------*/
.entry_list > li {
   background: #fff;
   padding: 2em 1em;
}
@media print, screen and (min-width: 1260px) {
.entry_list > li { padding: 3em 2em;}
}

.entry_list > li + li { margin-top: 1em;}
@media print, screen and (min-width: 1260px) {
.entry_list > li + li { margin-top: 2em;}
}

.entry_item_title span {
   background: #314A70;
   color: #fff;
   font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
   padding: .3em .5em;
}

/* 電話で応募 */
.entry_tel {
   width: 100%;
   max-width: 650px;
   margin: auto;
   transition: all .2s ease;
}
@media print, screen and (min-width: 1025px) {
.entry_tel:hover { opacity: .7;}
}


/* ===============================
   フォーム */

.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date,
.mfp_element_password {
   box-shadow: none!important;
   max-width: 100%!important;
   min-width: 250px!important;
}
@media print, screen and (min-width:1025px){
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date,
.mfp_element_password {
   min-width: 300px!important;
   width: auto!important;
}
}

.mfp_element_submit,
.mfp_element_reset,
.mfp_element_button,
button.mfp_next,
button.mfp_prev {
   background: #f7f7f7 !important;
   text-shadow: none!important;
   color: #555 !important;
   font-weight: 400 !important;
}

form#mailformpro { color: #181818 !important;}
form#mailformpro label { color: #181818 !important;}
form#mailformpro label.mfp_checked { box-shadow: none !important;}
   


div.mfp_err { font-size: 90%;}



.contact_attention .icon-exlink { margin-right: .5em;}

form#mailformpro input, form#mailformpro textarea {
   padding: .3em;
   font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);
   vertical-align: middle;
}

ul#mfp_phase_stat { display: none;}
div.mfp_buttons { font-size: 1.1em !important;}

#mfp_phase_confirm h4 {
   font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem) !important;
   color: #333 !important; ;
   }
   table#mfp_confirm_table { color: #181818 !important;}
   table#mfp_confirm_table tr th,
   table#mfp_confirm_table tr td { font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem) !important; font-weight: normal !important;}


/* table */

.tabletype01 { width: 100%; font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem); overflow: hidden; margin-bottom: 2em; border-collapse: collapse;}
.tabletype01 input,
.tabletype01 select { vertical-align: middle;}

.tabletype01 th,
.tabletype01 td {
 width: 100%;
 display: block;
 width: 100%;
 text-align: left;
}
.tabletype01 th { padding: .5em 0  0 0; font-weight: bold; color: #000;}
.tabletype01 td { padding: 0 0 .5em 0;}

.caution {
   color: #DE1F1F;
   font-size: 90%;
   font-weight: 400;
}

.gobtn i { margin-left: .5em;}

.textbody { width: 99% !important;}

.radiolist { overflow: hidden;}
.radiolist li { display: inline; float: left; margin-right: .5em; margin-bottom: .5em;}

.contacttable02 { width: 100%;}

.contacttable02 td {
 border: none;
 text-align: center;
 padding: .5em 3.125%;
}

@media print, screen and (min-width:900px) {
.tabletype01 th {
 display: table-cell;
 padding: 1em;
 white-space: nowrap;
 font-weight: normal;
 width: auto;
 float: none;
 vertical-align: top;
}

.tabletype01 td {
 display: table-cell;
 padding: 1em;
 width: auto;
 float: none;
}

.tabletype01 caption { padding: 0;}

.contacttable02 { margin: 1em 0;}

}


.tabletype01 th {
   font-weight: 700;
}

.mfp_buttons button {
   cursor: pointer;
   outline: none;
   display: block;
   position: relative;
   text-align: center;
   font-size: clamp(0.875rem, 0.739rem + 0.68vw, 1.25rem) !important;
   margin: 0 auto;
   font-weight: 700 !important;
   border: none;
   width: 100%;
   max-width: 450px;
   transition: all .2s ease;
   background: none !important;
}
.mfp_buttons #mfp_button_send,
.mfp_buttons #mfp_button_cancel {
   background: #FDDB43 !important;
   padding: .7em;
   border: solid 1px #000;
   color: #000 !important;
}
@media print, screen and (min-width: 1025px){
.mfp_buttons button:hover { opacity: .7; box-shadow: none !important;}
}