@charset "utf-8";
/* CSS Document */

body { font-size:14px; }

.sp { display:block; }
.pc { display:none; }
.inner { width: 94%; }
.sub_ttl { font-size:1.4em; padding-left: 1.8em; text-indent: -0.9em;}
.sub_ttl2 { font-size: 1.2em;text-align: left; padding: 0.3em 1em 0.3em 1em; }

#top_search_box { display:none; }

header#header {block-size: auto;}
header#header div.inner { width:100%; }
header#header dl.header_left { width: 100%; margin: 0; }

header#header dl.header_left dt a img {  width: 95%; }

header#header dl.header_left dt {padding: 0.6em 1.5em 0.6em 1em;display: block;inline-size: 10em;}
header#header dl.header_left dd.slug { display:none; }
header#header .header_right { display:none; }
header#header nav#menu { display:none; }
header#header dl.header_left dd.sp { display: table-cell; }
header#header dl.header_left .header_sp_menu,
header#header dl.header_left .header_sp_search { font-size: 2.2em; width:1em; padding:0 0.7em 0 0.7em; text-align:center; vertical-align:middle; }


nav#menu { }
nav#menu ul.inner { background-color: #FFF; list-style-type:none; padding: 3em 1em 1em 1em; border-radius: 1em; width: calc(96% - 2em); }
nav#menu ul.inner li.left { float:none; width: 100%; margin: 0 auto 0.5em auto; }
nav#menu ul.inner li.left a { background-color:#E96677; border-radius: 0.5em; }
nav#menu ul.inner li.left a i { margin:0 0.6em 0 0; }


nav#menu a.entry_btn {
	position:relative;
    font-size:1.16em; text-align: center; color: #FFF; font-weight: bold;
    display: block; width: 13.6em; padding: 0.8em;
    border-top-left-radius: 1.8em; border-bottom-left-radius: 1.8em; border-top-right-radius: 1.8em; border-bottom-right-radius: 1.8em;
    margin: 3.5em auto 1em auto; box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5);
}
nav#menu a.entry_btn i { position:absolute; top:calc(50% - 0.4em); right:0.8em; }
nav#menu a.entry_btn::before {
	position:absolute; top:-2.2em; left:-2.2em; content:"";
	background-image:url(../img/top/main_free_before.png); background-size:100%; background-repeat:no-repeat;
	width:3.3em; height:3.3em;
}

nav#menu a.tel_btn {
	float: none;
    font-size: 1.62em; font-weight: bold; line-height:0.9em; text-align: center;
    display: block; border:solid 2px #48BDCE; box-sizing:border-box; width: 10.76em;
    padding: 0.1em 0.8em 0.4em 0.8em;
    border-top-left-radius: 1.8em; border-bottom-left-radius: 1.8em; border-top-right-radius: 1.8em; border-bottom-right-radius: 1.8em; margin: 0 auto 1em auto;
}

nav#menu a.tel_btn span {
	font-size:0.45em; display:block;
}
nav#menu a.tel_btn img {
	width: 1.5em; vertical-align: top;
}

@keyframes main_inner_before {
	0% { bottom:-4.5em; opacity: 0 }
	100% { bottom:-3.5em; opacity: 1; }
}
@keyframes main_inner_after {
	0% { bottom:-4em; opacity: 0 }
	100% { bottom:-3em; opacity: 1; }
}

main {margin-block-start: 4.35em;}

section#main_visual { background-image:url(../img/top/main_bg_sp.jpg); padding: 10vw 0 10vw 0; /*background-size: 100%;*/ background-position:bottom; }
/*section#main_visual .inner::before,section#main_visual .inner::after { display:none; }*/
section#main_visual .half h2::after {right: -0.1em; }
section#main_visual .half h2::before { left:0; }

section#main_visual .inner::before {
    animation: main_inner_before 1.2s;
    position: absolute;
    bottom: -3.5em;
    left: -0.5em;
    content: "";
    background-image: url(../img/top/main_before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 4em;
    height: 6em;
}
section#main_visual .inner::after {
    animation: main_inner_after 1.2s;
    position: absolute;
    bottom: -4em; top:auto;
    right: 0;
    content: "";
    background-image: url(../img/top/main_after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 5em;
    height: 5em;
}

section#main_visual .half { width:100%; }
section#main_visual .half .text { width:65%; padding-bottom: 1.5em; }
section#main_visual .half h2 { font-size:1.8em; }
section#main_visual .half p.caption { font-size:1.1em; }
section#main_visual a.entry_btn { width: 13.6em; font-size:1.26em; }

sectio#top_area .sub_ttl { padding-bottom:0; }
div.prefecture { text-align: center; padding-bottom: 3em; background-image: url(../img/top/area_map.gif); background-size: 100%; background-repeat: no-repeat; background-position: top 1em center; }
section#top_area #prefecture_list { padding: 1em 0 0 0; }
div.prefecture img.prefecture_img { display:none; }
section#top_area dl.area_list { position:static !important; display: inline-block; vertical-align: top; text-align: left; width: 8.2em; }

section#top_area dl.area_list dt { font-size:0.9em; width: 9em; }
section#top_area dl.area_list dd a { font-size: 0.8em; width: 4em; }

section#top_service .sub_ttl { padding: 0 0 1em 2em; }
.private_box .sub_ttl { padding:0 0 1em 2em; }

section.voice .sub_ttl { padding: 0 0 0.5em 2em; }

.private_box .text { width: 72%; font-size:0.9em; }
.private_box div.sum {  margin: 1em 1em 0 0; }
.private_box div.sum img { width: 100%; }

article.voice_detail .half { float:none; width:100% }
article.voice_detail dl.header.table,
article.voice_detail dl.header.table dt { display:block; }
article.voice_detail dl.header dt img { width:3em; margin-right:0.5em;}
article.voice_detail dl.header dd { padding: 0.6em 0 0 0;font-size: 1.3em; }
article.voice_detail dl.header dd.rsn_ttl { line-height: 2; } 
article.voice_detail dl.header dd.prf:first-line {font-size:1.175em;letter-spacing: 0;}
article.voice_detail dl.header dd.prf {line-height: 1.5; font-size: 0.96em; padding: 0 0 0 3em; letter-spacing: -0.03em;} 

article.voice_detail dl.header.table dd { display:block; padding: 0.5em 0 0 0; font-size:1.3em; }

article.voice_detail dl.score { font-size:0.9em; }
article.voice_detail dl.score dt { width:15em; }
article.voice_detail dl.score dd em.asse { font-family:'Noto Sans JP',Meiryo,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",Verdana,sans-serif;font-weight: bold;vertical-align: bottom;}

section#top_service .to_recruiters_text { font-size: 1.2em; }
section#top_service .to_recruiters_title { font-size: 1em; }
section#top_service div.career { padding: 4em 1em 1em;margin-top: 0; }
section#top_service div.career .carrer_title { 
	font-size: 1em;
	width: auto;
	top: 0;
	padding: 0.2em 0 0.5em 0;
	border-top-right-radius: 0.5em;
	border-top-left-radius: 0.5em;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
section#top_service p.car_txt { font-size:1.125em; }
section#top_service section.merit dl.merit_box dd { font-size: 1.16em;font-weight: bold; }
.sp_b { display:block; }
.pc_b { display:none; }


article.job.half { float:none; width:calc(100% - 2em); padding: 1em 1em 1.5em 1em; margin: 0 0 2em 0; }
article.job .text { font-size:0.9em; }
article.job .job_name { font-size: 1.3em; }

section.feature,
section.job_change { padding-bottom:2em; }
/*figure.third.left { float:none; width: 90%; margin: 0 auto 2em auto; }*/
section.feature figure.third.left { float:none; width: 80%; margin: 0 2% 2em 2%; }
section.job_change figure.third.left { float:none; width: 96%; margin: 0 2% 2em 2%; }
/*
figure.third a {
    display: block;
    width: 80%;
}
figure.third figcaption {
    margin-top: 1em;
    width: 80%;
}*/
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0;
    right: auto;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}

article.job dl.job_offer dt {
    width: calc(100% - 2em);
}
article.swiper-slide.job {
    width: 75%;
    padding: 1.3em 0.8em 4em 0.8em;
    margin: 0 3% 0 3%;
    font-size: 0.9em;
}

div.trip, div.recruitment { width: 100%;}
a.more, a.more.text_green { width: calc( 100% - 3em); font-size:1.2em; }

.border_radius_green { padding: 1em 1em 2em 1em; }
.top_service_box.border_radius_green { width: calc(100% - 2em); }

ul.pan li i { margin: 0 0.5em 0 0.5em; }

aside.subscription .subscription_box p { font-size: 0.8em; padding: 0 1em 1em 1em; width: 26em; }
aside.subscription .subscription_box .stroke { padding: 3em 0 1em 0; }
aside.subscription .subscription_box .stroke::after { width:7.6em; height:7.6em; top: -5.4em; right:0.2em; background-image: url(../img/private_after_sp.png); }

aside.subscription .subscription_box a.entry_btn { float:none; margin: 0 auto 1em auto; width: 13.6em; font-size:1.26em; }
aside.subscription .subscription_box a.tel_btn { float:none; margin: 0 auto 1em auto; width: 13.6em; font-size:1.26em; padding: 0.63em 0.8em 0.63em 0.8em; }
aside.subscription .subscription_box a.tel_btn .tel { font-size: 1.36em; }
aside.subscription .subscription_box a.tel_btn img { width:1.5em; }
aside.subscription .subscription_box a.tel_btn span { font-size: 0.7em; font-weight: 500; }


aside#tracking { display:none; position:fixed; bottom:0; z-index:100; width: 96%; background: rgba(0,0,0,0.6); padding: 0.8em 2% 0.8em 2%; }
aside#tracking a.entry_btn {
	display:block; position:relative; padding: 1.2em 0 1.2em 0; width:62%;
	font-size: 1.1em; font-weight: 700; line-height:1.1em; text-align: center; color: #FFF;
	border-top-left-radius: 1.8em; border-bottom-left-radius: 1.8em; border-top-right-radius: 1.8em; border-bottom-right-radius: 1.8em;
}
aside#tracking a.entry_btn i { position:absolute; top:1.1em; right:0.7em; font-size: 1.1em; }
aside#tracking a.search_btn {
	display:block; position:relative; padding: 1.2em 0 1.2em 0; width:34%;
	font-size: 1.1em; font-weight: 700; line-height:1.1em; text-align: center; color: #FFF;
	border-top-left-radius: 1.8em; border-bottom-left-radius: 1.8em; border-top-right-radius: 1.8em; border-bottom-right-radius: 1.8em;
}
aside#tracking a.search_btn i { position:absolute; top:1.1em; right:0.7em; font-size: 1.1em; }

header.page_header h2.line { font-size: 1.6em; }

.hid_search input,.hid_search select,.hid_search textarea { font-size:0.9em; }
.hid_search .selectwrap { width:10em; }
.hid_search form .search_tbl select { width:10em }
.hid_search form .search_tbl .selectwrap::after { font-size:1.2em; }
.hid_search form .search_tbl label { width: calc(50% - 1.5em); padding: 0.5em 0.5em 0.5em 0.5em; margin: 0.5em 0 0.5em 0.5em; font-size: 3vw; }
.hid_search form .search_tbl label::after { content:""; }

.hid_search form .search_tbl label.ml { margin: 0.5em 0 0.5em 0; }

.hid_search form .search_tbl input[type=text] { width: 90%; padding: 0.5em; }

section.search_set { text-align: center; padding: 2em 0 1em 0; }
section#top_search section.search_set { padding: 0 0 1em 0; }

article.swiper-slide.job { width:75%; padding: 1.3em 0.8em 4em 0.8em; margin: 0 3% 0 3%; font-size:0.9em; }
article.swiper-slide.job .sum { width: 42%; }
article.swiper-slide.job .text { width: 55%; }
article.swiper-slide.job ul.commitment { margin: 1em 0 1em 0; }
article.swiper-slide.job a.more { width: 10em; }
article.job .catch { margin: 1em 0 1em 0; }

section.new_job div.flex button.pickup { width:33%; border:none; background-color:#E96777; color:#FFF; padding: 0.5em 0 0.5em 0; font-weight:500; }
section.new_job div.flex button.pickup.select { background-color:#FFF; color:#E96777; border: solid 2px #E96777; box-sizing: border-box; }
#new_job_list article.job .catch { display:none; }


section.pickup #hokkaido_box { }
section.new_job #hiroshima_box { display:none; }
section.new_job #okayama_box { display:none; }

a.set { font-size:0.9em; width:31%; }
a#set_facility { width:36%; }
a#set_commitment { width:36%; }
a.set i.fa-circle-plus { display:none; }
a.set em { font-size:1.1em; font-weight:500; }
section.search_set .pc { display:none; }

dl.keyword_box dt { font-size:0.9em; }
.keyword_box dt i { margin:0; }
.keyword_box dd input { width:12em; padding: 0.6em; }
.keyword_box dd button { font-size:1.01em; width:5em; font-weight:500; }

dl.search_title.table { }
dl.search_title.table dt { display:block; width:100%; padding: 0 0 1em 0; }
dl.search_title.table dd {  }
.search_title dd.total { padding:0; }
.search_title strong { font-size:1.2em; }
.search_title dd.range { padding-top:0.5em }

.job_detail img.sum { float:none; width: 100%; max-width: none; }
.job_detail .txt { float:none; width: 100%; }

.job_detail dl.job_offer.table { margin-top:1em; }

dl.job_offer.table ,
dl.job_offer.table dt ,
dl.job_offer.table dd { display: block; }

dl.job_offer dt { padding: 0.5em 1em 0.5em 1em; width: calc(100% - 2em); border-right: none; }

dl.job_offer dd { border: none; padding: 1em 1em 1.5em 1em; width: calc(100% - 2em); margin: 0; }

#recruit p.read.center { text-align:left; }

#recruit dl.message dd { padding: 6.862em 1em 1em 1em; }


#secret div.caption { top: 19em; left: calc(50% - 10em); font-size: 0.8em; padding: 0.5em 0.5em 0.5em 0.5em; text-shadow: none; }
#secret div.caption::after { top:-3.3em; right: -7.5em; width: 6.5em; height: 9em; }

#secret a.entry_btn { top: 18em; left: calc(50% - 8em); width: 16em; font-size: 1.16em; }
#secret a.entry_btn::before { top: -2em; left: -2em; width: 3.2em; height: 3.2em; }

section.feature .feature_text,
section.service .service_text,
section.job_change .job_change_text { font-size:1.2em; }

section.feature .feature_text2 { width:100%; text-align:left; }
section.job_change .job_change_text2 { width: 96%; font-size: 0.9em; }
section.service .service_text2 { width:100%; text-align:left; font-size: 0.9em; }
section.service .service_text2 br { display:none; }

section.worry .worry_title,
section.flow .flow_title,
section.merit .merit_title { font-size:1.2em; }

section.worry dl.circle { border: none; padding: 1em; width: calc(100% - 2em); height:auto; border-radius: 1em; margin: 1.5em 0 0 0; box-shadow: none; background:none; }

section.worry dl.circle dd { padding: 1em 0 0 0; }

section.worry.before1::before { left: 0; bottom: 50%; background-repeat: no-repeat; width: 6em; height: 10em; }
section.worry.before2::before { left: 0; bottom: 50%; background-repeat: no-repeat; width: 7em; height: 5.5em; }
section.worry.before3::before { left: 0; bottom: 50%; background-repeat: no-repeat; width: 7em; height: 5.5em; }


section.worry::after { top: 5em; width: 7em; height: 9em; }


section.summary .border_radius_red,
section.flow .border_radius_red,
section.worry .border_radius_red { font-size:1em; }

section.flow img.sum,
section.merit img.sum { width: 100%; border-bottom-left-radius: unset; border-bottom-right-radius: unset; box-shadow: none; }

section.flow figure.flow_box figcaption.text,
section.merit figure.flow_box figcaption.text { width: calc(100% - 2.4em ); border-top-left-radius: unset; border-top-right-radius: unset; margin: 0; }

section.flow figure.flow_box,
section.merit figure.flow_box { width: 96%; margin: auto; }

section.flow figure.flow_box figcaption.text.right span.zen,
section.merit figure.flow_box figcaption.text.right span.zen { right: auto; }


section.step dl.step_box.after::after {
	content:"\f0d7"; position:absolute; top:auto; right:0; left:0; bottom:-1.5em;
}

section.step div.center { padding-top: 1em; }


section.summary a.more { margin: 0.5em auto 1em auto; }

section.flow dl.step_box { display:none; }

section.flow dl.step_list dd { margin: 1em 0 1em 0; }

section.flow figure.flow_box figcaption.text dl dt,
section.merit figure.flow_box figcaption.text dl dt { font-size:1.2em; }


#feature_area_search span.search_menu { font-size:1.3em; }


section.company { padding:3em 0 4em 0; }

section.company div.work_inner div.flex {display: inline-block; width: 100%;}

section.company dl.company_box { display:block; border:none; width:96%; margin-left:auto; margin-right:auto; }

section.company dl.company_box dt { display:block; text-align:left; margin: 0; padding: 0.5em 0 0.5em 0; width: 100%; font-size: 1em; border-bottom:solid 1px #CCCCCC; }

section.company dl.company_box dd { display:block; margin:0; padding: 1em 0 1.5em 0; font-size: 1em; vertical-align: top; }
section.company dl.company_box iframe.map {
	width:100%; height:300px; border:none;
}

section.company h3.company_ttl {font-size: 1.375em;padding:0.15em 0;}
section.company_top {padding:1.25em 0 1em 0;}
section.company_top h3.ct_ttl {font-size:1.75em;margin-bottom: 0.5em;}
section.company_top h3.ct_ttl:before {margin-bottom: 0.1em;}
section.company_top p.ct_text {font-size:1em; line-height:2.5em; padding-bottom:1.25em;}

section.company img.c_logo { width: min(384px,60%); }
section.company .work_inner dl.w_ttl dt.service {font-size:1em;}
section.company span.work {font-size: 1.1em;}
section.company .access_inner {display:block;}
section.company .work_inner dl.w_ttl {width: 80%; margin: 1em auto 0 auto;}
section.company .ac_box {width: 100%;margin-bottom: 2em;}

section.to_recruiters .to_recruiters_text { font-size: 1.2em; }
section.to_recruiters .to_recruiters_title { font-size: 1em; }

section.summary div.problem dl.problem_box.half { width: calc(100% - 3em); }

section.summary div.problem dl.problem_box dd ul { padding: 0 0 0 1em; }

section.description div.introduce { margin: 2em 0 2em 0; width: calc(100% - 4px); }


section.description img.after.sum { margin: 0 0 2em 0; width: 90vw; }


section.description div.consulting { padding-bottom:1em; }

section.description div.consulting .half { width:100%; }

section.description div.consulting dl.consulting_box dd ul { padding: 0 0 1em 1.5em; }


section.merit dl.merit_box { display:block; font-size: 0.9em; }
section.merit dl.merit_box dt { display:block; }
section.merit dl.merit_box dd { margin:0; padding: 0.5em 0 0 0; }


section.step dl.step_list { display:block; }
section.step dl.step_list dt { display:block; text-align: center;  }
section.step dl.step_list dd { display:block; margin: 0; font-size: 0.96em;}

section.step span.summary { font-size:0.9em; text-align:left; }

section.step dl.step_list dt span.count { font-size:1em; margin-right: 0; margin-bottom: 0.5em; }
section.step dl.step_box.before::before { top: -2.2em; }

section.step span.summary { width:11.6em; text-align:center; }

section.step dl.step_box dt span.sp { display:block; width: 100%; }
section.step span.summary .sp { display: inline-block; }
section.step dl.step_box dt span.pc,
section.step span.summary span.pc { display:none; }

section.contact {  }

section.contact dl.contact_box { display:block; }
section.contact dl.contact_box dt { display:block; width: calc(100% - 2em); }
section.contact dl.contact_box dd { display:block; padding: 0.5em 0.5em 0.5em 0.5em; }


section.contact dl.contact_box dd .selectwrap { margin: 0 0 0.5em 0.5em; }

section.contact input[type=text],
section.contact input[type=tel] { width: calc(100% - 2em); }

section.contact form .search_tbl label { font-size:0.9em; width: 11em; }


section.faq dl.faq_box.border_radius_green { width:100%; }


footer#footer p.copy { padding: 0.5em 0 7.5em 0; }

/*20220819追加*/
.middle_contents h3.center {font-size: clamp(17px,3.35vw,2em);line-height: 1.5em;letter-spacing: 0.05em;}
.middle_contents h3.center::before {inset: auto auto 0.35em -0.65em;font-size: 3.125em;}
.middle_contents h3.center::after {inset: auto -0.65em 0.35em auto;font-size: 3.125em;}
.middle_contents .flex1,.middle_contents .flex2 {display: block;}
.middle_contents .flex1 .left_side,.middle_contents .flex1 .right_side,.middle_contents .flex2 .flex_item {inline-size: 100%;}
.middle_contents .flex1 .left_side .in_flex .left_img_box {inline-size: min(208px,30.5%);padding-block-start: 1em;}
.middle_contents .flex1 .left_side .in_flex .text_ul {inline-size: min(405px,68.5%);}
.middle_contents .flex1 .left_side .in_flex .text_ul .text_li {letter-spacing: 0;border-radius: 5px;}
.middle_contents .flex1 .right_side .in_flex p.p_1 {margin-block-start: 0;}
.middle_contents .flex1 .right_side .in_flex .right_img_box {inline-size: min(260px,40%);margin-inline-end: 1.5%;}
.middle_contents .flex2 .flex_item {border-radius: 0.25em;margin-block: 1.25em 1.25em;}
.middle_contents .flex2 .flex_item p.center {font-size: 0.875em;margin-block: 0.5em 0.35em;}
.middle_contents .flex2 .flex_item em.pa {inset: -1.125em 0 auto 0;inline-size: 11em;font-size: 0.8em;padding-block: 0.25em 0.5em;line-height: 1em;}
.middle_contents .flex2 .flex_item p.center img.tri {margin-inline: 1.5em 1.5em;inline-size: 7px;}
.middle_contents .more {margin-block: 0 2em;}
.check_contents {border: 1px solid #fd7e00;margin-block: 2em 2.5em;}
.check_contents.in_free {margin-block: 2em 2.5em;}
.check_contents .free_img {inset: -3em auto auto 0.5em;inline-size: min(173px,6em);}
.check_contents .check_ul {display: block;}
.check_contents .check_ul .list {inline-size: 100%;}
.check_contents .check_ul .list label {font-size: 0.825em;padding: 0.85em 0.5em 0.85em 2.75em;border-radius: 5px;letter-spacing: 0.025em;}
.check_contents .check_ul .list input[type="radio"] {inset: 50% auto auto 0.5em;height: 20px;width: 20px;}
.check_contents .check_ul .list input[type="radio"]::before {width: 12px;height: 12px;margin: 2px;}
.check_contents .btn {margin-block-start: 2em;}
.check_contents .btn .more {padding: 0.66em 3.875em 0.8em 3.875em;font-size: 1.25em;}
.check_contents .btn i {font-size: 1.25em;}

/* ---20221110--- */
article#survey_area .img_pc {display: none;}
article#survey_area .img_res {display: block;}
article#survey_area .survey dt {font-size: 0.9285714285714286em;padding: 0.5em 0.8em 0.35em;letter-spacing: 0;}
article#survey_area .survey dt .fs {font-size: 0.7857142857142857em;}
article#survey_area .real_txt {font-size: 0.9285714285714286em;}
article#survey_area dd.img_box {width: min(207px,51%);bottom: -15%;right: 0;}
article#survey_area .bubble_container {gap: 0.3em;}
article#survey_area .bubble_txt {width: min(120px,29%);font-size: 0.7857142857142857em;padding: 0.5em 0.3em;}
article#survey_area .btn_box {padding: 1em 3em 1em 1.375em;gap: 0.5em;}
article#survey_area .btn_txt1 {font-size: 0.7142857142857143em;}
article#survey_area .btn_txt2 {font-size: 1em;}
article#survey_area .arrow {top: calc(50% - 0.4em);right: 15%;font-size: 1.4285714285714286em;}
article#survey_area .img_box2 {width: min(69px,12%);bottom: -5%;right: 0;}
article#survey_area .bubble_txt::before {bottom: -15px;margin-left: -5px;width: 16px;height: 16px;}
article#survey_area .bubble_txt::after {bottom: -22px;margin-left: -7px;border: 10px solid transparent;border-top: 12px solid #666;}

/*top_blog*/
section#top_blog .view_content .blog_link1 {font-size: 1.35em !important;}
section#top_blog .view_content .text {padding: 1.25em 1em 6em 1em !important;}
section#top_blog .view_content .img1 {inline-size: min(385px,13em);}
section#top_blog .flex {display: block;}
section#top_blog .post {inline-size: 100%;margin-block-end: 2em;margin-inline: auto;}
section#top_blog .post .post_date {font-size: 1.125em;padding: 1em 0.5em 0.5em 3em;}