@charset "utf-8";

/*
Theme Name:  Original-template
Theme URI:
Description: 
Version: 1.02
Author: Wordpressマスター
Author URI: https://coconala.com/users/15338
Tags:
*/




.o_page > section {margin: 0 auto !important;}

html {
  scroll-behavior: smooth;
}

img {
max-width: 100%;
height: auto;
width /***/:auto;
}

/** パンくず **/
.o_pan {
padding: 12px 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}
.o_pan ol {
width: 100%;
max-width: 1080px;
margin: 0 auto;
}
.o_pan li {
    display: inline;
    list-style: none;
    color: gray;
    font-size: 0.87em;
}
.o_pan li:after {
    padding: 0 6px;
    color: rgba(0, 0, 0, 0.2);
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 14px;
}
.pan li:last-child:after {display: none;}


/** 移植用：下部ヘッダー **/

.o_under_head {
align-content: center;
    align-items: center;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0px 96px;
    padding: 180px 0px 56px 0px;
    width: calc(100% - 192px);
    max-width: calc(100% - 192px);
}
.o_under_head .o_under_head_span {
color: #d82f78ff;
    font-family: var(--s-font-6cb1d5b7);
    font-size: 60px;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.02em;
    line-height: 1.4;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}
.o_under_head h1 {
color: #212121ff;
    font-family: var(--s-font-128e3e1d);
    font-size: 20px;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.03em;
    line-height: 1.4;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}
.o_under_head h1 {
  display: flex;
  align-items: center;        /* 縦中央に揃える */
  justify-content: center;
  gap: 16px;                  /* 文字と線の間隔 */
}

.o_under_head h1::before,
.o_under_head h1::after {
  content: "";
  flex: 1;                    /* 横線を伸ばす */
  height: 1px;                /* 線の太さ */
  background-color: #333;     /* 線の色 */
	width: 30px;
}


@media screen and (max-width: 540px) {
.o_under_head .o_under_head_span {font-size: 40px;}
.o_under_head h1 {font-size: 14px;}
}
@media screen and (max-width: 840px) {
.o_under_head .o_under_head_span {font-size: 48px;}
.o_under_head h1 {font-size: 16px;}
}



/** ブログページ **/
.o_blog {margin: 0 auto !important;}


/** トップページ調整 **/
.top_image_001:before {background-image: url(https://mayplus-recruit.com/images/s-2048x1152_685a64f2-d29d-4961-ada8-c9fcf61d7bd8.webp) !important;}
.top_image_002:before {background-image: url(https://mayplus-recruit.com/images/s-2048x1152_4d5e0588-e767-479d-982c-1cb7f07b6851.webp) !important;}
.top_image_003:before {background-image: url(https://mayplus-recruit.com/images/s-2048x1152_e25e1c89-8e52-4615-bec9-01764e3ca963.webp) !important;}
.top_image_004:before {background-image: url(https://mayplus-recruit.com/images/s-2048x1152_414736fb-97d3-43df-8fa1-6b29912d9b5d.webp) !important;}

.top_image_005:before {background-image: url(https://mayplus-recruit.com/images/s-3184x1792_v-frms_webp_469dae75-15d0-4050-8483-af789c120529_middle.webp) !important;}
.top_image_006:before {background-image: url(https://mayplus-recruit.com/images/s-3184x1792_v-frms_webp_a786b02a-c8eb-4b13-a352-25c6277f97ea_middle.webp) !important;}
.top_image_007:before {background-image: url(https://mayplus-recruit.com/images/s-3184x1792_v-frms_webp_a8688e5a-a6f1-422a-bac1-eee783c6c323_middle.webp) !important;}

/** 選ばれる理由 **/
.reason_image_01:before {background-image: url(https://mayplus-recruit.com/images/information/reason/s-1463x740_be5911bc-d586-4625-895f-b797ceba2c48.webp) !important;}
.reason_image_02:before {background-image: url(https://mayplus-recruit.com/images/information/reason/s-1462x741_d02732ef-c2f8-4c24-9446-7607681c15fb.webp) !important;}
.reason_image_03:before {background-image: url(https://mayplus-recruit.com/images/information/reason/s-1252x740_041870b2-7913-49dc-9f64-934445a9eeae.webp) !important;}
.reason_image_04:before {background-image: url(https://mayplus-recruit.com/images/information/reason/s-1462x745_4205d22f-117d-43f8-a38f-2cf4eadbbf1c.webp) !important;}
.reason_image_05:before {background-image: url(https://mayplus-recruit.com/images/information/reason/s-1464x743_d2d34142-9b82-443c-9a0f-d48c11ee4e52.webp) !important;}

/** 仕事を知る **/
.works_image_01:before {background-image: url(https://mayplus-recruit.com/images/recruit/works/s-1463x743_ebaaee4e-331a-4525-a7a2-80e17ea13e8a.webp) !important;}
.works_image_02:before {background-image: url(https://mayplus-recruit.com/images/recruit/works/s-5000x3333_e64046e6-b129-4a22-9064-63bf7f5915fd.webp) !important;}
.works_image_03:before {background-image: url(https://mayplus-recruit.com/images/recruit/works/s-1464x739_1e6abfc7-3850-4997-8c9e-026e61d1970e.webp) !important;}
.works_image_04:before {background-image: url(https://mayplus-recruit.com/images/recruit/works/s-5000x3335_9d9cd7eb-7c89-4b4e-925a-7e42d6be39e2.webp) !important;}
.works_image_05:before {background-image: url(https://mayplus-recruit.com/images/recruit/works/s-1464x742_79d7d5b7-c912-445c-8854-ddfe538e88b2.webp) !important;}

/** 求める人物増を知る **/
.personality_image_01:before {background-image: url(https://mayplus-recruit.com/images/recruit/personality/s-1463x745_60487477-ab8b-4f8d-83e9-a64441783c7d.webp) !important;}
.personality_image_02:before {background-image: url(https://mayplus-recruit.com/images/recruit/personality/s-1462x741_d02732ef-c2f8-4c24-9446-7607681c15fb.webp) !important;}
.personality_image_03:before {background-image: url(https://mayplus-recruit.com/images/recruit/personality/s-1457x742_5f03a3e7-4000-439c-96a2-3153e5a4f730.webp) !important;}
.personality_image_04:before {background-image: url(https://mayplus-recruit.com/images/recruit/personality/s-1464x739_1e6abfc7-3850-4997-8c9e-026e61d1970e.webp) !important;}
.personality_image_05:before {background-image: url(https://mayplus-recruit.com/images/recruit/personality/s-1465x742_0e550b62-c1b8-44b3-90a2-e93c92d2ffa3.webp) !important;}
.personality_image_06:before {background-image: url(https://mayplus-recruit.com/images/recruit/personality/s-1466x743_3df2572b-a335-404a-82df-08a5ee730562.webp) !important;}
.personality_image_07:before {background-image: url(https://mayplus-recruit.com/images/recruit/personality/s-1464x743_d2d34142-9b82-443c-9a0f-d48c11ee4e52.webp) !important;}
.personality_image_08:before {background-image: url(https://mayplus-recruit.com/images/recruit/personality/s-1462x741_c032270c-dc57-492f-b79f-6ad3cfbbf505.webp) !important;}

/** 働く人を知る **/
.interview_image_01:before {background-image: url(https://mayplus-recruit.com/images/interview/s-3184x1792_v-frms_webp_469dae75-15d0-4050-8483-af789c120529_middle.webp) !important;}
.interview_image_02:before {background-image: url(https://mayplus-recruit.com/images/interview/s-3184x1792_v-frms_webp_a786b02a-c8eb-4b13-a352-25c6277f97ea_middle.webp) !important;}
.interview_image_03:before {background-image: url(https://mayplus-recruit.com/images/interview/s-3184x1792_v-frms_webp_a8688e5a-a6f1-422a-bac1-eee783c6c323_middle.webp) !important;}

/** TANAKA **/
.tanaka_image_01:before {background-image: url(https://mayplus-recruit.com/images/interview/s-3184x1792_v-frms_webp_a786b02a-c8eb-4b13-a352-25c6277f97ea_small.webp) !important;}
.tanaka_image_02:before {background-image: url(https://mayplus-recruit.com/images/interview/s-3184x1792_v-frms_webp_a8688e5a-a6f1-422a-bac1-eee783c6c323_small.webp) !important;}

/** UMEMURA **/
.umemura_image_01:before {background-image: url(https://mayplus-recruit.com/images/interview/s-3184x1792_v-frms_webp_469dae75-15d0-4050-8483-af789c120529_small.webp) !important;}
.umemura_image_02:before {background-image: url(https://mayplus-recruit.com/images/interview/s-3184x1792_v-frms_webp_a8688e5a-a6f1-422a-bac1-eee783c6c323_small.webp) !important;}

/** IMAIZUMI **/
.imaizumi_image_01:before {background-image: url(https://mayplus-recruit.com/images/interview/s-3184x1792_v-frms_webp_469dae75-15d0-4050-8483-af789c120529_small.webp) !important;}
.imaizumi_image_02:before {background-image: url(https://mayplus-recruit.com/images/interview/s-3184x1792_v-frms_webp_a786b02a-c8eb-4b13-a352-25c6277f97ea_small.webp) !important;}


header.fixed {z-index: 2000 !important;}

/* ===== ハンバーガーボタン ===== */
.menu-button {
  position: relative;
  width: 45px;      /* ← 指定どおり */
  height: 32px;     /* 高さは線を分けるために必要 */
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
    margin: 0px 0px 0px 20px;
}

/* 共通の線 */
.menu-button .line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000;
  border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.3s ease;

}

/* 上 */
.menu-button .line:nth-child(1) {
  top: 0;
}

/* 中 */
.menu-button .line:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

/* 下 */
.menu-button .line:nth-child(3) {
  bottom: 0;
}


/* × に変形 */
.menu-button.active .line:nth-child(1) {
  transform: translateY(13px) rotate(45deg);
}

.menu-button.active .line:nth-child(2) {
  opacity: 0;
}

.menu-button.active .line:nth-child(3) {
  transform: translateY(-15px) rotate(-45deg);
}

/* ===== メニューエリア ===== */
.o_g_menu {
  position: fixed;
  inset: 0;
  background: #fff;
  display: none;
  overflow-y: auto; /* 縦スクロール */
  z-index: 1000;
}

.o_g_menu.active {
  display: block;
}

.o_g_menu_in {
	    margin: 0 auto;
    padding: 180px 48px 0px 48px;
    width: 100%;
    height: 100dvh;
    max-width: 1080px;
}
.o_g_menu_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
	
}
.o_g_menu_block {
	width: 30%;
}

.info_nav {margin-bottom: 50px;}
.info_nav_header {}
.info_nav_header .link_parent {}
.info_nav_header .en {
    color: #d82f78ff;
    font-family: var(--s-font-6cb1d5b7);
    font-size: 35px;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.02em;
    line-height: 1.4;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
	display: block;
}
.info_nav_header .jp {
color: #212121ff;
    font-family: var(--s-font-128e3e1d);
    font-size: 16px;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.03em;
    line-height: 1.4;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}
.info_nav_body {
    margin: 20px 0 0 30px;
}
.info_nav_body li {
	list-style: square;
	    padding: 5px 0;
}
.info_nav_body a {
    color: #212121ff;
    font-family: var(--s-font-128e3e1d);
    font-size: 18px;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.03em;
    line-height: 1.6;
    text-align: left;
    width: auto;
    max-width: calc(100% - 12px);
    justify-content: flex-start;
}
@media screen and (max-width: 840px) {
	.info_nav_header .en {font-size: 20px;}
.o_g_menu_in {padding: 83px 48px 0;}

}

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







/** よくある質問 **/

/* ============================================
   o_faq 全体のラッパー
============================================ */
.o_faq {
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0;
	width: 100%;
}

/* ============================================
   o_faq li
============================================ */
.o_faq li {
    margin-bottom: 20px;
}

/* ============================================
   o_faq li > div
============================================ */
.o_faq > li > div {
    /* ラッパー用 */
}

/* ============================================
   ボタン
============================================ */
.o_faq_btn {
    display: block;
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid #ccc;
border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* ============================================
   ボタン内ラッパー
============================================ */
.o_faq_btn_in {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ============================================
   ボタン内コンテンツ
============================================ */
.o_faq_btn_content {
    display: flex;
    align-items: center;
}

/* Qラベル */
.o_faq_q {
    margin-right: 25px;
align-content: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 50%;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 38px;
    justify-content: center;
    width: 38px;
    max-width: 100%;
    background: #d82f78ff;
display: flex;
    color: #fff;
    font-size: .4em;
}

/* 質問テキスト */
.o_faq_question {
	font-weight: bold;
	font-size: 18px;
}

/* ボタン右側のアイコン */
.o_faq_btn_i {
color: #d82f78ff;
    font-size: .4em;
}

/* ============================================
   回答
============================================ */
.o_faq_answer {
padding: 20px 24px;
border: 1px solid #ccc;
border-top: none;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.o_faq_answer p {
    color: #404040ff;
    font-family: var(--s-font-128e3e1d);
    font-size: 15px;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.03em;
    line-height: 1.8;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

/* --- 回答の初期状態を非表示にする --- */
.o_faq_answer {
    display: none; /* 最初は隠す */
    padding: 20px 24px;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

/* --- クリックされた時の角丸の調整 (お好みで) --- */
/* 閉じている時は下の角も丸くしたい場合は、JSと連動させて調整します */
.o_faq_btn {
    border-radius: 10px; /* 初期状態は全方位丸くしておくと綺麗です */
    transition: background-color 0.3s;
}

/* 開いている時だけ下の角丸をなくす設定（JSのis-activeと連動） */
.o_faq_btn.is-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #d82f78ff;
}

.o_faq_btn.is-active .o_faq_q {
background: #fff;
color: #d82f78ff;
}
.o_faq_btn.is-active .o_faq_question {
color: #fff;
}
/* --- アイコンを「+」から「-」に変える演出 (任意) --- */
.o_faq_btn.is-active .o_faq_btn_i {
    transform: rotate(45deg);
    transition: transform 0.3s;
color: #fff;
}


/** ブログ一覧 **/
.o_post_list {
    margin: 0 auto !important;
}
.o_post_list .o_under_head {
align-content: center;
    align-items: center;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0px 96px;
    padding: 0;
    width: calc(100%);
    max-width: calc(100%);
}
.post_list_out {width: 100%;}
.post_list {}
.post_list_in {width: 100%;}
.post_list_in h3 {justify-content: flex-start !important; line-height: 150%;}
@media screen and (max-width: 540px) {
	.post_list_in h3 {font-size: 14px;}
}

.o_post_list_btn {
background: #333333;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 20%);
    color: #fff;
    flex: none;
    font-family: var(--s-font-6cb1d5b7);
    font-size: 15px;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    letter-spacing: 0em;
    line-height: 1.4;
    margin: 30px auto 0;
    opacity: 1;
    padding: 0px;
    text-align: left;
    width: 282px;
    max-width: 100%;
}
.o_post_list_btn .text {color: #fff;}



/** 投稿ページ **/
.o_header_space {height: 180px;}

.o_single {
    color: #d82f78ff;
    letter-spacing: 0.02em;
    margin: 0px auto;
    padding: 72px 0px 144px 0px;
    width: 1080px;
    max-width: calc(100%);
}
}
.o_single_header {}
.o_single_header_time {
font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
	margin-bottom: 10px;
}
.o_single h1 {
    font-size: 24px;
    margin: 0px 0px 20px 0px;
}
.o_single_thumbnail {margin-bottom: 50px;}
.o_single_thumbnail img {
max-width: 100%;
height: auto;
width /***/:auto;
}
.o_single_content {

}
.o_single_content h2 {
	font-size: 20px;
    display: block;
    font-weight: 700;
    margin: 10px 0;
	line-height: 2;
}
.o_single_content h3 {
    font-size: 18px;
    display: block;
    font-weight: 700;
    margin: 10px 0;
	line-height: 2;
}
.o_single_content p {
	margin: 10px 0;
line-height: 2;
}


/** 関連記事 **/
.related_posts {
    margin: 144px 0 0 0;
    padding: 8px 0 0 0;
    border-top: 1px solid #333;
}

.related_posts a {
	display: flex;
    justify-content: space-between; 
   align-content: center;
    align-items: center;
    border-bottom: 1px solid #333;
    gap: 20px;
    padding: 16px 36px;
    width: 100%;
}
.related_posts_logo {width: 160px;}
.related_posts_logo img {
	max-width: 100%;
height: auto;
width /***/:auto;
}
.related_posts_header, .related_posts_i {flex: 1;}
.post_date {margin-bottom: 10px;}
.related_posts_link {
	margin-top: 20px;
}

.related_posts_link a {
	display: flex;
    justify-content: flex-end; 
	align-items: center;
	font-weight: bold;
}

.related_posts_link_i {
	display: flex;
    align-content: center;
    align-items: center;
    background: #f1f1f1;
    border-radius: 50%;
    height: 40px;
    justify-content: center;
    width: 40px;
    max-width: 100%;
	margin-left: 20px;
}

.related_posts_link_i .material-icons {
    align-items: center;
    display: inline-flex;
    font-family: Material Icons;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    color: #d82f78;
    font-size: 20px;
}


@media screen and (max-width: 540px){
.sp_none540 {display: none !important;}
}


/** メールフォーム **/
.o_form input[type="email"],
.o_form input[type="tel"],
.o_form input[type=text] {
background: #FFFFFF;
    border-bottom: 1px solid #ddddddff;
    border-left: 1px solid #ddddddff;
    border-radius: 2px;
    border-right: 1px solid #ddddddff;
    border-top: 1px solid #ddddddff;
    box-shadow: none;
    color: #333333;
    flex: 1;
    font-family: var(--s-font-128e3e1d);
    font-size: 16px;
    font-weight: 500;
    height: auto;
    justify-content: center;
    letter-spacing: 0.03em;
    line-height: 1.4;
    margin: 0px 0px 0px 0px;
    opacity: 1;
    padding: 16px 24px;
    text-align: left;
    width: auto;
    max-width: 100%;
}

.o_form textarea {
    background: #FFFFFF;
    border-bottom: 1px solid #ddddddff;
    border-left: 1px solid #ddddddff;
    border-radius: 2px;
    border-right: 1px solid #ddddddff;
    border-top: 1px solid #ddddddff;
    box-shadow: none;
    color: #333333;
    flex: none;
    font-family: var(--s-font-128e3e1d);
    font-size: 16px;
    font-weight: 500;
    height: 200px;
    justify-content: center;
    letter-spacing: 0.03em;
    line-height: 1.4;
    opacity: 1;
    padding: 16px 24px;
    text-align: left;
    text-shadow: none;
    width: 100%;
    max-width: 100%;
}

.o_form .wpcf7-list-item {
    align-content: center;
    align-items: center;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: auto;
    max-width: 100%;
    margin-right: 20px;
}
.o_form .wpcf7-list-item-label {
    color: #212121ff;
    flex: 1;
    font-family: var(--s-font-128e3e1d);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.4;
    margin: 0px 0px 0px 6px;
    text-align: left;
    width: auto;
    max-width: calc(100% - 6px);
    justify-content: flex-start;
}

.o_form input,
.o_form select {
    vertical-align: baseline;
}

.o_form input[type="submit"] {
    background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1), var(--g-color-2) var(--g-position-2), var(--g-color-3) var(--g-position-3));
    border-radius: 128px;
    color: #FFFFFF;
    flex: none;
    font-family: var(--s-font-128e3e1d);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1;
    margin: 40px 0 0 0;
    opacity: 1;
    padding: 20px 48px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    justify-content: center;
    --g-color-0: #fbd375ff;
    --g-position-0: 0%;
    --g-color-1: #ee7477ff;
    --g-position-1: 25%;
    --g-color-2: #b82a77ff;
    --g-position-2: 60%;
    --g-color-3: #7f2276ff;
    --g-position-3: 100%;
    --g-color-4: #7f2276ff;
    --g-position-4: 100%;
    --g-color-5: #7f2276ff;
    --g-position-5: 100%;
    --g-color-6: #7f2276ff;
    --g-position-6: 100%;
    --g-color-7: #7f2276ff;
    --g-position-7: 100%;
    --g-color-8: #7f2276ff;
    --g-position-8: 100%;
    --g-color-9: #7f2276ff;
    --g-position-9: 100%;
    --g-color-10: #7f2276ff;
    --g-position-10: 100%;
    --g-color-11: #7f2276ff;
    --g-position-11: 100%;
    --g-angle: 294deg;
}

.o_form .wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 10px;
    font-weight: bold;
}
.o_form .wpcf7-response-output {
font-size: 16px;
}




/* アニメーションを適用したい要素の初期状態 */
.fade-up {
  opacity: 0;
  transform: translateY(30px); /* 30px下に下げておく */
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  view-transition-name: fade-up; /* ブラウザの最適化用（任意） */
}

/* 画面内に入った時に付与するクラス */
.fade-up.is-animated {
  opacity: 1;
  transform: translateY(0); /* 元の位置に戻る */
}
.fade-up:nth-child(2) { transition-delay: 0.2s; }
.fade-up:nth-child(3) { transition-delay: 0.4s; }
.fade-up:nth-child(4) { transition-delay: 0.6s; }
.fade-up:nth-child(5) { transition-delay: 0.8s; }
.fade-up:nth-child(6) { transition-delay: 1s; }
.fade-up:nth-child(7) { transition-delay: 1.2s; }



.o_loop_image {
height: 120px;
    width: 160px;
    max-width: 100%;
	    display: flex;
align-items: center;
}
.o_loop_image img {
max-width: 100%;
height: auto;
width /***/:auto;
}
@media screen and (max-width: 840px) {
.o_loop_image {
    flex: none;
    height: 100px;
    width: 140px;
    max-width: 100%;
}
}
@media screen and (max-width: 540px) {
.o_loop_image {
    flex: none;
    height: 80px;
    width: 120px;
    max-width: 100%;
}
}


.o_top_loop_image {
flex: none;
    height: 100px;
    width: 130px;
    max-width: 100%;
	    display: flex;
align-items: center;
}
.o_top_loop_image img {
max-width: 100%;
height: auto;
width /***/:auto;
}
@media screen and (max-width: 840px) {
.o_top_loop_image {
    flex: none;
    height: 80px;
    width: 110px;
    max-width: 100%;
}
}

@media screen and (max-width: 540px) {
.o_top_loop_image {
    flex: none;
    height: 80px;
    width: 120px;
    max-width: 100%;
}
}