@charset "UTF-8";
/*!
Theme Name:
Theme URI:
Description:
Author:
Author URI:
Version:0.1
*/
/* ========================================================================== Object ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300");
.parag { margin-bottom: 70px; }

.parag .col-span6:first-of-type { padding-right: 20px; }

.parag .col-span6:last-of-type { padding-left: 20px; }

.contents h2, .contents h3 { margin-top: 11px; margin-bottom: 11px; }

.contents .small { font-size: 17px; }

.single-post h2 { margin-top: 30px; padding: 15px 20px; border-left: 5px solid #ce0e37; line-height: 4rem; background-color: #fcf4f5; font-size: 2.5rem; }

.single-post h3 { padding-left: 13px; padding-right: 13px; padding-top: 5px; padding-bottom: 5px; margin: 30px 0 20px; border-bottom: 5px solid #e4e3e3; line-height: 3.5rem; font-size: 2.2rem; }

.single-post h4 { margin: 40px 0 10px; padding-left: 10px; padding-right: 10px; border-left: 5px solid #ce0e37; line-height: 3rem; font-size: 2rem; }

.single-post h5 { margin: 30px 0 10px; padding: 15px; background-color: #fcf4f5; line-height: 2.5rem; font-size: 1.7rem; }

.error-404-img { max-width: 600px; margin: 30px auto 40px; }

.photo-contest .contents-full { display: block; }

.category-photo-contest #breadcrumb { display: none; }

#faq .faq__wrapper { padding: 20px; background: #F3F3F3; }

#faq .faq__wrapper .faq__ttl { margin-bottom: 10px; padding-bottom: 4px; border-bottom: 1px solid #333; padding-left: 26px; background: url(../img/sp/icon_q.gif) no-repeat center left, url(../img/pc/icon_plus.gif) no-repeat center right; }

#faq .faq__wrapper .faq__ttl:hover { cursor: pointer; }

#faq .faq__wrapper .faq__ttl.to-close { background: url(../img/sp/icon_q.gif) no-repeat center left, url(../img/pc/icon_minus.gif) no-repeat center right; }

#faq .faq__wrapper .faq__txt { display: none; }

#faq .faq__wrapper .faq__txt.open { display: block; }

#columnchart_values { position: relative; }

.graph__desc { position: absolute; top: 25px; left: 75px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }

.graph__desc, .graph__tooltip { padding: 15px 10px; min-width: 120px; background: #FFF; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); font-size: 1.2rem; font-weight: bold; line-height: 1.4; text-align: center; }

.contents-sns__wrapper { width: 100%; margin: 20px auto 50px; text-align: right; line-height: 1; border-bottom: 3px solid #f3f3f3; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 0; }

.contents-sns__wrapper li { margin-bottom: -3px; }

.contents-sns__wrapper li:last-child { margin-right: 0; }

.contents-sns__wrapper li:nth-child(2)::after { content: ''; background-color: #3d4f9f; }

.contents-sns__wrapper li:nth-child(3)::after { content: ''; background-color: #009df6; }

.contents-sns__wrapper li:nth-child(4)::after { content: ''; background-color: #00c338; }

.contents-sns__ttl { list-style: none; float: left; line-height: 2.5; font-size: 14px; font-weight: bold; }

.contents-sns__ttl::before { content: ''; display: inline-block; margin: 0 10px 5px 0; width: 22px; height: 20px; vertical-align: middle; background: url(../../assets/img/pc/sns_share_icon.png) center center no-repeat; background-size: contain; }

.contents-sns__elm { position: relative; display: inline-block; padding-left: 8px; padding-right: 8px; }

.contents-sns__elm .fb_iframe_widget span { vertical-align: top !important; }

.contents-sns__elm.line img { vertical-align: top; }

.contents-sns__elm.pocket iframe { width: 100px; }

.contents-sns__elm img { width: 28px; }

.contents-sns__elm::after { width: 100%; height: 3px; display: inline-block; position: absolute; margin-left: -50%; left: 50%; top: 42px; }

.contents-sns__elm.gplusButton > div { width: auto !important; }

.contents-sns__elm.gplusButton iframe { width: 70px !important; }

.entry-header + .contents__sns { margin-top: 5px; }

.entry-footer .contents__sns { margin-top: 30px; }

.single .single_header { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 20px 0 10px; }

.single .single_header .single_top__sns ul { height: 30px; display: inline-block; vertical-align: bottom; }

.single .single_header .single_top__sns ul li { padding-left: 2px; padding-right: 2px; height: 30px; vertical-align: bottom; }

.single .single_header .single_top__sns ul li .twitter-share-button { margin-top: 3px; }

.single .single_header .entry-header { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: right; border-bottom: 2px solid #eaeaea; margin-left: 10px; margin-right: 10px; }

.conv__btn { text-align: center; }

.footer_cv_area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #e0eafc; background: -webkit-linear-gradient(307deg, #e0eafc 0%, #d1eaff 100%); background: linear-gradient(143deg, #e0eafc 0%, #d1eaff 100%); }

.footer_cv_area .footer_cv_title { position: absolute; width: auto; padding: 0px 20px 20px 0; text-align: left; color: #132F50; font-weight: bold; font-size: 1.8rem; line-height: 2.5rem; }

.footer_cv_area .footer_cv_title .subheading { font-size: 1.3rem; color: #176ED5; }

.footer_cv_area .footer_cv_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding-top: 10px; }

.footer_cv_area .cv_area_img { position: relative; width: 45%; min-width: 350px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.footer_cv_area .footer_cv_txt { width: 55%; padding: 30px 0 30px 50px; }

.footer_cv_area .footer_cv_txt ul { margin-top: 65px; }

.footer_cv_area .footer_cv_txt ul li { padding-bottom: 5px; padding-left: 20px; color: #132F50; text-indent: -10px; list-style: none; text-align: left; line-height: 2.5rem; }

.footer_cv_area .footer_cv_txt ul li small { display: block; font-size: 60%; line-height: 1.5rem; }

.footer_cv_area .footer_cv_txt ul li p { display: contents; }

.footer_cv_area .footer_cv_txt ul li:before { content: "✔︎"; display: inline-block; margin-right: 5px; color: #CE0E38; }

.footer_cv_area .footer_cv_txt .btn_area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 15px; }

.footer_cv_area .footer_cv_txt .btn_area a { width: auto; position: relative; height: 50px; max-width: 300px; min-width: 200px; margin-bottom: 5px; color: #fff; text-align: center; font-size: 1.4rem; font-weight: bold; white-space: nowrap; background-color: #CE0E38; border: 3px solid #CE0E38; border-radius: 50px; box-sizing: border-box; cursor: pointer; -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease; }

.footer_cv_area .footer_cv_txt .btn_area a:after { content: '\f105'; font-family: 'FontAwesome'; font-size: 1.5rem; line-height: 0; position: absolute; display: block; top: 50%; right: 15px; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; }

.footer_cv_area .footer_cv_txt .btn_area a:hover::after { right: 13px; }

.footer_cv_area .footer_cv_txt .btn_area .navy_btn { background-color: transparent; color: #0D3058; border: 3px solid #0D3058; }

.footer_cv_area .footer_cv_btn { max-width: 280px; width: 300px; display: block; margin: 0 auto 10px; padding: 18px; border-radius: 50px; background-color: #c70000; color: #fff; }

.footer_cv_area .footer_cv_sns { margin-top: 25px; }

.footer_cv_area .footer_cv_sns .cv_area_sns_title { display: inline-block; padding: 0 5px; background: -webkit-linear-gradient(transparent 60%, #C2D3FC 60%); background: linear-gradient(transparent 60%, #C2D3FC 60%); }

.footer_cv_area .footer_cv_sns ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.footer_cv_area .footer_cv_sns ul li + li { margin-left: 10px; }

.footer_cv_area .footer_cv_sns ul li { width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; -webkit-transition: all .2s linear; transition: all .2s linear; }

.footer_cv_area .footer_cv_sns ul li:hover .cv_area_sns_icon { -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.footer_cv_area .footer_cv_sns ul li:hover .cv_area_sns_icon img { box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3), 0 55px 50px -35px rgba(0, 0, 0, 0.3); border-radius: 100%; }

.footer_cv_area .footer_cv_sns ul li .cv_area_sns_icon { -webkit-transition: all .2s linear; transition: all .2s linear; }

.footer_cv_area .footer_cv_sns ul li .cv_area_sns_icon img { max-width: 55px; }

.footer_cv_area .footer_cv_sns ul li .cv_area_sns_txt { padding: 3px 0 0 10px; }

.footer_cv_area .footer_cv_sns ul li .cv_area_sns_txt p { white-space: pre; text-align: left; line-height: 2rem; font-size: 1.4rem; }

.footer_cv_area .footer_cv_sns ul li .cv_area_sns_txt .cv_area_sns_link { margin-top: 5px; }

.footer_cv_area .footer_cv_sns ul li .cv_area_sns_txt .cv_area_sns_link a { padding: 5px 15px; background-color: #022654; color: #fff; text-align: center; border-radius: 50px; font-size: 1.3rem; -webkit-transition: all .2s linear; transition: all .2s linear; }

.footer_cv_area .footer_cv_sns ul li .cv_area_sns_txt .cv_area_sns_link a:hover { background-color: #c70000; }

.footer_cv_area .buttons_container { text-align: center; }

.footer_cv_area .buttons_container a.footer_cv_btn { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.footer_cv_area .buttons_container a.footer_cv_btn:before, .footer_cv_area .buttons_container a.footer_cv_btn:after, .footer_cv_area .buttons_container a.footer_cv_btn span { -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.footer_cv_area .buttons_container a.footer_cv_btn.wiggle:after { content: '\f054'; position: relative; font-family: FontAwesome; display: inline-block; max-width: 0; margin-left: 0px; left: -10px; z-index: 2; color: rgba(255, 255, 255, 0); font-size: 11px; }

.footer_cv_area .buttons_container a.footer_cv_btn.wiggle:hover { background: #e40000; }

.footer_cv_area .buttons_container a.footer_cv_btn.wiggle:hover:after { max-width: 100px; margin-left: 10px; left: 0px; color: white; -webkit-animation: btn_wiggle 1s .25s ease-in-out infinite; animation: btn_wiggle 1s .25s ease-in-out infinite; }

@-webkit-keyframes btn_wiggle { 0% { margin-left: 10px;
    margin-right: 0px; }
  50% { margin-left: 6px;
    margin-right: 4px; }
  100% { margin-left: 10px;
    margin-right: 0px; } }

@keyframes btn_wiggle { 0% { margin-left: 10px;
    margin-right: 0px; }
  50% { margin-left: 6px;
    margin-right: 4px; }
  100% { margin-left: 10px;
    margin-right: 0px; } }

.footer_cv_annotation { margin-top: 10px; text-align: right; font-size: 1.1rem; color: #8c8686; }

.shareButton img { cursor: pointer; }

.likeButton { width: 90px; overflow: hidden; }

.line_pc .icon img { width: 35px; height: 35px; }

.google-visualization-tooltip { z-index: 1; }

.fig-data__wrap { position: relative; }

.ggl-tooltip { border: 10px solid #E0E0E0; font-size: 10pt; padding: 12px 12px 12px 12px; }

.ggl-tooltip div { padding-top: 0px; line-height: 1; }

.ggl-tooltip span { font-weight: bold; line-height: 1; }

.about_page .ggl_tooltip { display: block; padding: 10px 15px; width: 140px; border-bottom: 1px solid #aeaeae; border-right: 1px solid #aeaeae; line-height: 2rem; background-color: #fff; box-shadow: none; text-align: center; font-size: 11px; color: #302e2e; font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Std W3", YuGothic, "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.about_page .ggl_tooltip .ggl_tooltip_Value { font-size: 14px; font-weight: bold; }

.fig-data__img02 { position: absolute; width: 35px; left: 10px; }

.fig-data__img02_text { display: inline-block; font-size: 2em; text-align: center; }

.fig-data__img02_text p:nth-child(1), .fig-data__img02_text p:nth-child(2), .fig-data__img02_text p:nth-child(3), .fig-data__img02_text p:nth-child(4) { margin: 0; }

.fig-data__img02_text p:nth-child(1) { font-weight: bold; padding-left: 50px; }

.fig-data__img02_text p:nth-child(2) { font-size: .5em; padding-left: 50px; }

.fig-data__img02_text p:nth-child(3) { font-size: 5em; font-weight: bold; line-height: 1; }

.fig-data__img02_text p:nth-child(4) { font-size: .5em; }

.fig-data__img02_text .small { font-size: .5em; }

.about_title { padding: 8px 0; background-color: #efefef; text-align: center; font-size: 18px; }

.about_page .page-ttl_wrap { padding: 0; }

.about_page h2 { padding: 15px 15px 5px 15px; margin-bottom: -3px; font-size: 2.2rem; display: inline-block; border-bottom: 3px solid #022454; }

.about_content h2 { font-size: 2rem; line-height: 3rem; }

.about_content .about_content_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1000px; margin: 30px auto 40px; }

.about_content .about_content_wrap figure { width: 100%; max-width: 450px; padding: 20px 35px; border-radius: 30px; text-align: center; background-color: #F8F8F8; }

.about_content .about_content_wrap .about_content_txt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: auto; margin: 10px 10px 0 30px; text-align: left; font-size: 1.6rem; line-height: 3rem; }

.about_content .about_content_wrap .about_content_txt .about_content_txt_sub { margin: 0 0 5px; padding: 0; text-align: left; border: 0; font-size: 2rem; font-weight: bold; }

.about_content .about_student { position: relative; }

.about_content .about_student .about_offer_num { position: absolute; font-size: 7rem; font-family: 'Farro', sans-serif; font-weight: bold; color: #c70000; line-height: 1; left: 11rem; bottom: 6rem; }

.about_content .about_student .about_offer_num sup { font-size: 30%; }

.about_content .about_student .about_offer_num p { margin: 0; }

.about_content .about_student .about_offer_num .about_offer_remark { font-weight: normal; color: #012554; font-size: 1rem; margin-top: 10px; padding: 0; }

.about_content .about_student .about_offer_num .about_offer { position: relative; height: 50px; width: 200px; background: #071c34; color: #fff; font-size: 1.7rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.about_content .about_student .about_offer_num .about_offer span { display: block; }

.about_content .about_student .about_offer_num .about_offer:before { border: 25px solid transparent; border-left-color: #071c34; border-right-width: 0; content: ''; display: block; height: 0; position: absolute; right: -25px; top: 0; width: 0; }

.about_content .about_student .about_offer_img { position: absolute; width: 110px; height: 150px; left: 50%; top: 20px; margin-left: -55px; background-size: 110px; background-repeat: no-repeat; background-image: url(../../assets/img/about_offer_img.webp); }

.about_content .about_company { position: relative; max-width: 1000px; margin: 20px auto 30px; border: 1px solid #b8c0c7; text-align: center; }

.about_content .about_company strong { color: #c70000; font-family: 'Farro', sans-serif; font-size: 2.8rem; }

.about_content .about_company .company_logo_list img { width: 100%; max-width: 850px; }

.about_content .about_company .about_company_content > p { font-size: 2rem; font-weight: bold; text-align: center; }

.about_content .about_company .about_company_content > p .lighter { font-weight: normal; }

.about_content .about_company:before { content: "学生"; bottom: -30px; }

.about_content .about_company:after { content: "企業"; top: -30px; }

.about_content .about_company:before, .about_content .about_company:after { position: absolute; width: 70px; height: 70px; right: 20px; padding: 30px 20px; border-radius: 60px; background-color: #012554; color: #fff; text-align: center; font-size: 1.5rem; font-weight: bold; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; }

.about_content .about_industry_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 20px auto 0; }

.about_merit { margin: 50px auto 80px; }

.about_merit .about_merit_container { max-width: 1200px; margin: 50px auto 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.about_merit .about_merit_container .about_merit_ttl { line-height: 1.5; }

.about_merit .about_merit_container p { line-height: 2.5rem; }

.about_merit .about_merit_container li { width: 33%; text-align: center; padding: 0 30px; }

.about_merit .about_merit_container li + li { border-left: 2px solid #F2F2F2; }

.about_merit .about_merit_container .about_merit_img { max-width: 270px; margin: 0 auto 25px; }

.about_merit .voice_btn_color { width: 100%; max-width: 330px; padding: 30px 25px 30px 55px; text-align: center; background-color: #3B77FF; box-shadow: 0 5px 0 #1859EB; }

.about_merit .voice_btn_color:hover { box-shadow: none; background-color: #467FFF; }

.about_merit .btn_arrow:after { border-top: 2px solid #3B77FF; border-right: 2px solid #3B77FF; }

.about_merit .btn_arrow:before, .about_merit .btn_arrow:after { left: calc(50% - 125px); }

.about_howto { padding: 50px 0; background-color: #F8F8F8; }

.about_howto .page-ttl { border-bottom: solid 3px #fff !important; }

.about_howto .fig-data_wrap_num_remark { font-size: 1.1rem; }

.about_howto .about_step_tip { margin-bottom: 10px; }

.about_howto .about_step_tip .fig-data_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.about_howto .about_step_tip .fig-data_wrap .fig-data_txt { text-align: left; line-height: 3rem; }

.about_howto .about_step_tip .fig-data_wrap .fig-data_txt .fig-data_bold { font-size: 2.7rem; }

.about_howto .about_step_tip .fig-data_wrap, .about_howto .about_step_tip .fig-data_wrap_num { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 290px; margin: 0 auto; margin-top: 30px; }

.about_howto .about_step_tip .fig-data_wrap img, .about_howto .about_step_tip .fig-data_wrap_num img { margin-top: -20px; }

.about_howto .about_offer_num { font-size: 9rem; font-family: 'Farro', sans-serif; font-weight: bold; color: #222; line-height: 6rem; margin: 0; }

.about_howto .about_offer_num small { width: 100%; text-align: center; font-size: 70%; }

.about_howto .about_step { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.about_howto .about_step_img { margin-top: 30px; }

.about_step { max-width: 1100px; margin: 0 auto 30px; }

.about_step ul { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 70px; text-align: left; }

.about_step ul li { position: relative; margin-bottom: 40px; }

.about_step ul li:nth-of-type(1)::before, .about_step ul li:nth-of-type(2)::before, .about_step ul li:nth-of-type(3)::before, .about_step ul li:nth-of-type(4)::before, .about_step ul li:nth-of-type(5)::before { position: absolute; font-family: 'Open Sans Condensed', sans-serif; font-size: 60px; line-height: 92%; color: #333; }

.about_step ul li:nth-of-type(1)::before { content: "1"; }

.about_step ul li:nth-of-type(2)::before { content: "2"; }

.about_step ul li:nth-of-type(3)::before { content: "3"; }

.about_step ul li:nth-of-type(4)::before { content: "4"; }

.about_step ul li:nth-of-type(5)::before { content: "5"; line-height: 55%; }

.about_step ul li:last-child p:before { content: none; }

.about_step_list_wrap .about_step_list_lead { margin-left: 70px; padding: 10px 10px 10px 20px; font-size: 1.8rem; color: #fff; line-height: 1.5; background-color: #012556; }

.about_step_list_wrap .about_step_list .about_step_list_ttl { margin: 35px 0 10px 50px; font-size: 2.5rem; font-weight: normal; line-height: 1.4; }

.about_step_list_wrap .about_step_list .about_step_list_ttl::after { position: absolute; width: 100%; height: 45px; left: 33px; top: 4px; z-index: 1; background-color: #c13536; }

.about_step_list_wrap .about_step_list .about_step_list_ttl strong { font-weight: 800; font-size: 25px; }

.about_step_list_wrap .about_step_list p { margin: 8px 0 20px 50px; font-size: 1.6rem; line-height: 2.6rem; font-weight: normal; }

.about_step_list_wrap .about_step_list p:before { content: ""; border-left: 1px solid #0c4771; height: 60%; position: absolute; left: 13px; bottom: -16px; }

.about_step_list_wrap .about_step_list p strong { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffe778)); background: -webkit-linear-gradient(transparent 60%, #ffe778 60%); background: linear-gradient(transparent 60%, #ffe778 60%); font-weight: 800; }

.about_step_list_wrap .about_step_list ul { display: inline-block; float: right; }

.about_step_images { display: inline-block; }

.about_company_data { max-width: 900px; width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.about_company_data img + img { margin-left: 40px; }

.about_student_data { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1100px; margin: 40px auto; }

.about_student_data h3 { text-align: left; }

.about_student_data .about_student_data_txt { margin-left: 50px; }

.about_student_data #columnchart_values { position: relative; padding: 0 25px; background-color: #fafafa; }

.about_student_data small { display: block; margin-top: 5px; font-size: 1.2rem; line-height: 1.7; }

.service_list .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; max-width: 850px; }

.service_list .container .col-span3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 50%; padding: 0 20px; }

.service_list .col-span3 a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.service_list .col-span3 a > p { margin-left: 15px; text-align: left; }

.service_list .col-span3 a > p span { font-size: 1.4rem; line-height: 2.7rem; display: block; }

.service_list .col-span3 a > p .title { font-size: 1.7rem; }

.service_list .sub-headlines { display: block; }

.service_list img { width: 90px; height: 90px; max-width: inherit; border: 1px solid #ede9e6; }

.about_step_images { width: 350px; padding: 90px 25px 10px 55px; font-size: 13px; z-index: 11; }

.fadein { opacity: 0; -webkit-transform: translate(0, 30px); transform: translate(0, 30px); -webkit-transition: all 100ms; transition: all 100ms; }

.fadein.scrollin { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.fadein + .fadein { -webkit-transition: all 500ms; transition: all 500ms; }

.fadein + .fadein + .fadein { -webkit-transition: all 700ms; transition: all 700ms; }

.about_remark { width: 1000px; margin: 20px auto 0; font-size: 1.2rem; color: #707070; }

/* bx slider */
.columns_top_slider { position: relative; margin-top: 10px; }

.columns_top_slider .columns_top_slider_txt { position: absolute; width: 100%; height: 100%; color: #fff; padding: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: -webkit-linear-gradient(top, transparent, transparent 30%, black); background: linear-gradient(180deg, transparent, transparent 30%, black); }

.columns_top_slider .columns_top_slider_txt div { width: 100%; display: block; text-align: left; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; line-height: 1.6; font-weight: normal; font-size: 1.4rem; }

.columns_top_slider .columns_top_slider_txt div p { margin-bottom: 10px; color: #fff; font-weight: bold; font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143)); }

.columns_top_slider .columns_top_slider_txt div .post__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; }

.columns_top_slider .columns_top_slider_txt div .post__info span { padding: 2px 20px; margin: 0 10px 5px 0; border-radius: 20px; border: 2px solid #fff; font-size: 1.3rem; }

ul.bxslider { margin-left: 24%; margin-right: 25%; }

ul.bxslider li { width: 600px; height: 400px; background-size: cover; background-position: center center; }

.slide { margin: 10px; }

@media screen and (max-width: 1024px) and (min-width: 769px) { .columns_top_slider ul.bxslider li { width: 560px !important; }
  .columns_top_slider .bx-wrapper { max-width: none !important; } }

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 10px; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #E8E8E8; text-indent: -9999px; display: block; width: 27px; height: 5px; margin: 0 5px; outline: 0; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #c70000; }

.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; -webkit-transition: background-position .3s; transition: background-position .3s; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.949%22%20height%3D%2225.949%22%20viewBox%3D%220%200%2025.949%2025.949%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_487%22%20data-name%3D%22%E3%83%91%E3%82%B9%20487%22%20d%3D%22M0%2C0%2C1.426%2C13.923l13.923%2C1.426%22%20transform%3D%22translate(12.975%202.121)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E") no-repeat; }

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: -3px 0; }

.bx-wrapper .bx-next { right: 10px; -webkit-transition: background-position .3s; transition: background-position .3s; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.949%22%20height%3D%2225.949%22%20viewBox%3D%220%200%2025.949%2025.949%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_487%22%20data-name%3D%22%E3%83%91%E3%82%B9%20487%22%20d%3D%22M0%2C15.349%2C1.426%2C1.426%2C15.349%2C0%22%20transform%3D%22translate(23.828%2012.974)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E") no-repeat; }

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: 3px 0; }

.bx-wrapper .bx-controls-direction { position: absolute; width: 100%; top: 50%; right: 0; margin-top: -13px; }

.bx-wrapper .bx-controls-direction a { position: absolute; outline: 0; width: 32px; height: 26px; text-indent: -9999px; z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url("images/controls.png") -86px -11px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("images/controls.png") -86px -44px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; }

.main_news, .newsrelease { padding: 7vw 0 5vw; }

.main_news .main_news_wrap, .newsrelease .main_news_wrap { max-width: 1000px; width: 100%; margin: 20px auto; }

.main_news .news__list, .newsrelease .news__list { margin-bottom: 15px; border-top: 1px solid #DDDDDD; font-size: 1.6rem; }

.main_news .news__list li, .newsrelease .news__list li { list-style: none; border-bottom: 1px solid #DDDDDD; padding: 10px 20px; background-color: #fff; -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.main_news .news__list li time, .newsrelease .news__list li time { min-width: 105px; display: inline-block; margin-right: 1rem; font-size: 1.4rem; color: #5C5D5F; }

.main_news .news__list li .cat, .newsrelease .news__list li .cat { min-width: 111px; display: inline-block; margin: 0 20px 0 10px; padding: 2px 20px; color: #fff; font-size: 1.2rem; font-weight: bold; text-align: center; border-radius: 2px; background-color: #4EDFFF; }

.main_news .news__list li .ttl a, .newsrelease .news__list li .ttl a { font-size: 1.5rem; }

.main_news .news__list li .news__list .ttl a:hover, .main_news .news__list li .more a:hover, .newsrelease .news__list li .news__list .ttl a:hover, .newsrelease .news__list li .more a:hover { text-decoration: underline; }

.main_news .more, .newsrelease .more { text-align: right; }

.main_news .more a, .newsrelease .more a { position: relative; margin-right: 5px; padding-right: 15px; color: #07599D; font-size: 1.4rem; font-weight: bold; cursor: pointer; }

.main_news .more a:after, .newsrelease .more a:after { content: '\f105'; font-family: 'FontAwesome'; font-size: 1.5rem; line-height: 0; position: absolute; display: block; top: 7px; right: 0; }

.main_news .more a:focus, .newsrelease .more a:focus { outline: 0; border: 0; }

.main_news .more a:hover, .newsrelease .more a:hover { outline: 0; -webkit-transition: color 500ms ease; transition: color 500ms ease; }

.main_news .more a:hover:after, .newsrelease .more a:hover:after { -webkit-animation: hoverArrow 1300ms ease 0s infinite normal; animation: hoverArrow 1300ms ease 0s infinite normal; }

@-webkit-keyframes hoverArrow { 0% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  14% { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); }
  28% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  42% { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); }
  70% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } }

@keyframes hoverArrow { 0% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  14% { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); }
  28% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  42% { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); }
  70% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } }

.newsrelease { padding: 0 10px; width: 100%; }

.newsrelease .news__list { border-top: 0; }

.newsrelease .news__list li { padding: 15px 30px; }

.category-newsrelease #main-contents, .category-press #main-contents, .category-media #main-contents, .category-news-newsrelease #main-contents { padding-top: 0; }

.wp-embedded-content { max-width: 100%; }

.wp-embed-site-title a { padding-left: 0; }

.ofb_story { margin-top: 20px; font-size: 1.5rem; line-height: 2.8rem; color: #343131; }

.ofb_story ul li { list-style: none; }

.ofb_story h2 { margin-top: 30px; padding: 0; border-left: 0; line-height: normal; background-color: transparent; font-size: 2rem; }

.ofb_story .story_header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 450px; position: relative; margin-bottom: 30px; background-color: #70A0ED; color: #fff; }

.ofb_story .story_header ul { padding: 30px; font-size: 1.3rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.ofb_story .story_header ul li { line-height: 2rem; }

.ofb_story .story_header ul li h2 { margin-top: 10px; font-size: 1.7rem; color: #fff; }

.ofb_story .story_header ul .story_name { margin-top: 20px; font-size: 2rem; }

.ofb_story .story_header ul .story_univ { padding-bottom: 5px; margin-bottom: 10px; font-size: 1.4rem; border-bottom: 1px solid #fff; line-height: 3rem; }

.ofb_story .story_header ul .story_header_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.ofb_story .story_header ul .story_header_box p { padding: 5px 20px; margin: 10px 10px 0 0; border-radius: 30px; background-color: #fff; color: #649FF0; }

.ofb_story .story_header .story_header_icon { position: absolute; bottom: 25px; left: -30px; }

.ofb_story .story_content ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; }

.ofb_story .story_content ul li { width: 100%; padding: 0 20px; }

.ofb_story .story_content ul li h2 { position: relative; color: #649FF0; z-index: 0; }

.ofb_story .story_content ul li h2:before { content: ""; position: absolute; width: 40px; height: 40px; top: -5px; left: -10px; border-radius: 50px; background-color: #F3FE60; z-index: -1; }

.ofb_story .story_content ul .story_howto, .ofb_story .story_content ul li:last-child { width: 100%; }

.ofb_story .story_content ul .story_howto { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 50px 20px; margin: 50px 0 20px; background: #70A0ED; }

.ofb_story .story_content ul .story_howto .top_photo02 { height: 100%; width: 100%; }

.ofb_story .story_content ul .story_howto .story_howto_img { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.ofb_story .story_content ul .story_howto .story_howto_photo_txt { width: 100%; }

.ofb_story .story_content ul .story_howto .story_howto_photo_txt p { color: #fff; display: inline-block; }

.ofb_story .story_content ul .story_howto .story_howto_img h2, .ofb_story .story_content ul .story_howto .story_howto_photo_txt h2 { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0; padding: 0 7px; line-height: 4.5rem; font-size: 1.8rem; text-align: right; background: -webkit-linear-gradient(transparent 88%, #A4E8D6 12%); background: linear-gradient(transparent 88%, #A4E8D6 12%); }

.ofb_story .story_content ul .story_howto .story_howto_txt { position: relative; width: 50%; padding: 50px 50px 50px 10px; color: #fff; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.ofb_story .story_content ul .story_howto h2 { margin: 10px 0; color: #fff; }

.ofb_story .story_content ul .story_howto h2:before { content: none; }

.ofb_story .story_content ul .story_howto .story_howto_icon01 { position: absolute; top: -40px; left: 0px; }

.ofb_story .story_content ul .story_howto .story_howto_icon02 { position: absolute; bottom: -30px; right: 50px; }

.ofb_story .top_photo, .ofb_story .top_photo02 { position: relative; width: 50%; background-position: center center; background-size: cover; }

.post-template-single-story .other_story { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top: 30px; }

.post-template-single-story .other_story .story_slider_header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 170px; height: 170px; background-color: #A4E8D6; border-radius: 100%; }

.post-template-single-story .other_story .story_slider_header img { width: 80%; }

.post-template-single-story .other_story .story_slider { margin: 0px; }

.post-template-single-story .other_story .story_slider li { max-width: 30%; text-align: center; font-size: 1.4rem; list-style: none; }

.post-template-single-story .other_story .story_slider li figure { margin-bottom: 5px; border-radius: 100%; overflow: hidden; }

.post-template-single-story .other_story .bx-wrapper { position: relative; max-width: 100% !important; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 40px; }

.post-template-single-story .other_story .bx-wrapper img { width: 100%; }

.post-template-single-story .other_story .bx-viewport { max-height: 450px; }

.post-template-single-story .other_story .bx-pager { text-align: center; bottom: 5px; position: absolute; width: 100%; }

.post-template-single-story .other_story .bx-pager-item, .post-template-single-story .other_story .bx-controls-auto-item { display: inline-block; }

.post-template-single-story .other_story .bx-default-pager a { background: #c8ecff; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px; }

.post-template-single-story .other_story .bx-default-pager a:hover, .post-template-single-story .other_story .bx-default-pager a.active { background: #00aeff; }

.post-template-single-story .other_story .bx-wrapper .bx-controls-direction a.disabled { display: block; }

.post-template-single-story .other_story .bx-wrapper .bx-controls-direction { position: absolute; width: calc(100% + 30px); top: 50%; right: -30px; margin-top: -30px; }

.post-template-single-story .other_story .bx-wrapper .bx-prev { left: 10px; -webkit-transition: background-position .3s; transition: background-position .3s; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2212.1px%22%20height%3D%2219.96px%22%20viewBox%3D%220%200%2012.1%2019.96%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2012.1%2019.96%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23649FF0%3Bstroke-width%3A3%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1022_1_%22%20class%3D%22st0%22%20d%3D%22M11.04%2C18.9L2.12%2C9.98l8.92-8.92%22%2F%3E%3C%2Fsvg%3E") no-repeat; background-position: 2px 0; }

.post-template-single-story .other_story .bx-wrapper .bx-prev:hover, .post-template-single-story .other_story .bx-wrapper .bx-prev:focus { background-position: 0 0; }

.post-template-single-story .other_story .bx-wrapper .bx-next { right: 10px; -webkit-transition: background-position .3s; transition: background-position .3s; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2212.1px%22%20height%3D%2219.96px%22%20viewBox%3D%220%200%2012.1%2019.96%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2012.1%2019.96%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23649FF0%3Bstroke-width%3A3%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1023_1_%22%20class%3D%22st0%22%20d%3D%22M1.06%2C1.06l8.92%2C8.92L1.06%2C18.9%22%2F%3E%3C%2Fsvg%3E") no-repeat; background-position: 0 0; }

.post-template-single-story .other_story .bx-wrapper .bx-next:hover, .post-template-single-story .other_story .bx-wrapper .bx-next:focus { background-position: 2px 0; }

@media screen and (max-width: 768px) { .post-template-single-story #main-contents { padding: 0 !important; overflow: hidden; }
  .post-template-single-story #main-contents .conv__btn { margin: 0 20px; }
  .post-template-single-story #main-contents .sidebar { padding: 20px !important; }
  .ofb_story { margin: 0; }
  .ofb_story .story_header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .ofb_story .story_header .story_header_icon { position: absolute; bottom: 20px; left: -30px; }
  .ofb_story .top_photo, .ofb_story .ofb_story .top_photo02 { width: 100%; height: 50vh; max-height: 350px; }
  .ofb_story .story_content ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .ofb_story .story_content ul li { width: 100%; margin-bottom: 0; padding: 10px 25px; }
  .ofb_story .story_content ul li h2 { font-size: 1.8rem; }
  .ofb_story .story_content ul .story_howto { margin-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .ofb_story .story_content ul .story_howto .story_howto_img { width: 100%; height: 70vh; max-height: 400px; margin-bottom: 30px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .ofb_story .story_content ul .story_howto .story_howto_txt { width: 100%; padding: 40px 20px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .ofb_story .story_content ul .story_howto .story_howto_photo_txt { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 20px; }
  .ofb_story .story_content ul .story_howto .story_howto_icon01 { top: -50px; left: 10px; }
  .ofb_story .story_content ul .story_howto .story_howto_icon02 { bottom: -40px; right: 20px; }
  .post-template-single-story .other_story { position: relative; margin-top: 80px; }
  .post-template-single-story .other_story .story_slider_header { position: absolute; background-color: transparent; z-index: 9; height: 100px; top: -70px; }
  .post-template-single-story .other_story .bx-wrapper .bx-next { right: -7px; }
  .post-template-single-story .other_story .bx-wrapper .bx-controls-direction { position: absolute; width: 100%; top: 50%; bottom: auto; right: auto; left: 50%; margin-top: -30px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .about_remark { width: 100%; padding: 0 20px; margin: 0; } }

/* Table of Contents Plus Style */
#toc_container { width: 100% !important; padding: 0 !important; }

#toc_container .toc_list li ul { margin-bottom: 10px !important; line-height: 2.7rem !important; }

#toc_container .toc_list li > a { color: #0066a9; text-decoration: underline; font-weight: bold !important; }

#toc_container .toc_list li > a:hover { color: #0065a9 !important; text-decoration: underline; }

#toc_container .toc_list li > ul > li a { font-weight: 400 !important; color: #333; text-decoration: none; }

#toc_container .toc_list li > ul > li a:hover { text-decoration: none; }

#toc_container p.toc_title + ul.toc_list { margin-top: 1em; margin-right: 0.4em; padding: 25px; }

#toc_container p.toc_title + ul.toc_list > li { margin-bottom: 0.1em; padding-bottom: 0.4em; }

#toc_container li { padding-left: 1em !important; line-height: 1.8em; }

#toc_container a .toc_depth_1 { position: relative; padding-left: 8px; }

#toc_container a .toc_depth_1:before { content: ""; position: absolute; left: -5px; top: 50%; width: 4px; height: 4px; border-top: 2px solid #0066a9; border-right: 2px solid #0066a9; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

#toc_container a:hover .toc_depth_1::before { border-top: 2px solid #0066a9; border-right: 2px solid #0066a9; }

#toc_container ul ul { margin-bottom: 10px; }

.toc_number { margin-left: -0.5em; }

#toc_container { background-color: #fff !important; margin-bottom: 1em; width: auto; display: table; border: solid 1px #031b31 !important; position: relative; margin: 60px auto !important; }

#toc_container ul > li > ul > li { font-size: 94% !important; }

#toc_container p.toc_title { text-align: left; font-weight: 700; height: 40px; padding: 5px 25px !important; color: #fff !important; margin: 0 60% 0 0; background-color: #031b31 !important; position: absolute; left: -1px; top: -40px; letter-spacing: 0.05em; display: inline-block; }

#toc_container .toc_toggle { color: #fff !important; }

#toc_container .toc_toggle a { color: #fff !important; font-size: 1.3rem !important; text-decoration: none !important; }

/* columns banner shortcode */
.post_banner_shortcode { display: inline-table; width: 100%; text-align: center; font-size: 0; }

.post_banner_shortcode .post_banner_img { max-width: 770px; width: 100%; margin: 10px auto; text-align: center; }

.post_banner_shortcode .post_banner_img_sp { max-width: 770px; width: 100%; margin: 10px auto; text-align: center; }

.about_page .about_content { position: relative; }

.about_page .about_content .about_company_student_num { position: absolute; padding: 15px; right: 2vw; bottom: 5vw; width: 170px; background-color: rgba(255, 255, 255, 0.5); }

.about_page .about_content .about_company_student_num__txt { font-size: 1.6rem; text-align: left; line-height: 1.5; }

.about_page .about_content .about_company_student_num__txt span { display: block; }

.about_page .about_content .about_company_student_num__remark { text-align: left; line-height: 1; }

.about_page .about_content .about_company_student_num__remark small { font-size: 1.1rem; }

.about_page .about_content .page-ttl_wrap .page-ttl .about_ttl { font-size: 2.4rem; }

.about_faq, .main_faq { margin: 70px auto 60px; }

.about_faq dl, .main_faq dl { display: block; max-width: 1100px; padding: 50px 80px; margin: 40px auto 20px; border-radius: 30px; font-size: 1.5rem; text-align: left; background-color: #F8F8F8; }

.about_faq dl dd, .about_faq dl dt, .main_faq dl dd, .main_faq dl dt { display: block; position: relative; padding-left: 40px; }

.about_faq dl dd::before, .about_faq dl dt::before, .main_faq dl dd::before, .main_faq dl dt::before { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left: 0; width: 25px; height: 25px; border-radius: 50px; border: 3px solid #3993DD; }

.about_faq dl dt, .main_faq dl dt { margin-bottom: 10px; color: #3993DD; }

.about_faq dl dt::before, .main_faq dl dt::before { content: "Q"; background-color: #3993DD; color: #fff; }

.about_faq dl dd, .main_faq dl dd { padding-bottom: 30px; }

.about_faq dl dd::before, .main_faq dl dd::before { content: "A"; background-color: #fff; color: #3993DD; font-weight: bold; }

.about_faq dl dd + dt, .main_faq dl dd + dt { padding-top: 40px; border-top: 1px solid #DDDDDE; }

.main_interview, .about_interview { margin-bottom: 70px; }

.main_interview .container, .about_interview .container { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.main_interview .main_interview_title, .about_interview .main_interview_title { width: 100%; text-align: center; font-size: 1.8rem; }

.main_interview .interview_list, .about_interview .interview_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.main_interview .interview_list li, .about_interview .interview_list li { width: 30%; padding: 15px; border: 1px solid #c2c5ca; border-radius: 5px; line-height: 1.7; }

.main_interview .interview_list li .interview_student_info, .about_interview .interview_list li .interview_student_info { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #c2c5ca; font-size: 1.4rem; }

.main_interview .interview_list li .interview_student_info span, .about_interview .interview_list li .interview_student_info span { font-size: 1.6rem; font-weight: bold; }

.main_interview .interview_list li .interview_lead, .about_interview .interview_list li .interview_lead { margin-bottom: 10px; font-weight: bold; color: #012554; }

.main_interview .interview_list li .interview_content, .about_interview .interview_list li .interview_content { font-size: 1.4rem; }

.about_interview .interview_list { max-width: 1200px; margin: 40px auto 20px; }

.about_company_chart .container { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.about_company_chart .container .about_company_chart_txt { width: 100%; margin-top: 20px; font-size: 2rem; text-align: center; line-height: 1.5 strong; line-height-padding: 0 5px; line-height-font-size: 3rem; line-height-font-family: 'Farro', sans-serif; line-height-color: #DA0909; }

.about_company_chart picture img { width: 100%; max-width: 900px; }

.archive, .category, .single { word-wrap: break-word; }

.contents .marker { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%, #ffff66 61%, #ffff66 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%, #ffff66 61%, #ffff66 100%); }

.post__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: right; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.post__info .post__category, .post__info .post__time { display: inline-block; }

.post__info a { background: #e0e8f2; margin: 3px 5px 3px 0; padding: 1px 12px; font-size: 1.1rem !important; color: #012554; border-radius: 30px; border: 2px solid #e0e8f2; line-height: 2rem; -webkit-transition: background-color .3s; transition: background-color .3s; }

.post__info a:hover { background: #fff; border: 2px solid #e0e8f2; }

.post__category, .post__time { display: inline-block; margin: 0; padding: 5px 20px; font-size: 12px; color: #fff; border-radius: 30px; }

.post__category { background: #012554; }

.post__time { background: #022454; }

.entry-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; font-family: 'Farro', sans-serif; font-size: 1.3rem; color: #071B34; }

.entry-meta span { display: inline-block; }

.entry-meta .modified_time_icon { width: 16px; height: 16px; margin-right: 4px; background: #071B34; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url("../../assets/img/column_modified_time_icon.svg"); mask-image: url("../../assets/img/column_modified_time_icon.svg"); }

.entry-meta .modified_time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 12px; }

.entry-meta .entry-date { margin-left: 2px; }

.entry-footer { margin-bottom: 30px; }

.post-nav { list-style-type: none !important; margin-bottom: 20px; }

.post-nav .post-nav--prev, .post-nav .post-nav--next { width: 45%; padding: 10px; }

.post-nav .post-nav--prev { float: left; }

.post-nav .post-nav--next { float: right; }

.message .alignleft { float: left; margin: 0 10px 10px 0; }

.message:after { content: ""; clear: both; display: block; }

.archive__elm { -webkit-transition: all .2s linear; transition: all .2s linear; }

.archive__elm .post__thumbnail { position: relative; overflow: hidden; }

.archive__elm .post__thumbnail img { width: 100%; }

.archive__elm .archive__ttl { margin: 0; line-height: 2.5rem; font-size: 1.7rem; font-weight: 500; }

.archive__elm .post__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.archive__elm:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.archive__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.archive__wrapper:after { content: ""; display: block; width: 30%; margin: 10px 10px 2.5vw 10px; }

.archive__elm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 30%; padding: 0px; margin: 10px 10px 2.5vw 10px; border: 1px solid #e6e6e6; }

.archive__elm::after { position: absolute; bottom: 3px; right: 3px; content: ''; border: 8px solid transparent; border-right-color: #F3F3F3; border-bottom-color: #F3F3F3; -webkit-transition: all .2s linear; transition: all .2s linear; }

.archive__elm:hover::after { bottom: 0px; right: 0px; }

.office-casual--cover { text-align: center; margin-bottom: 20px; }

.office-casual__ttl { text-align: center; margin-bottom: 30px !important; }

.archive-link { position: absolute; top: 0; left: 0; z-index: 1000; display: block; width: 100%; height: 100%; }

.archive__ttl--oc { opacity: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0 !important; padding: 14px; background: rgba(0, 0, 0, 0.2); color: #fff; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; }

.archive__ttl--oc.hoveron { opacity: 1; }

.archive__ttl--oc span { position: absolute; bottom: 0; left: 0; width: 100%; padding: 14px; }

.photo-contest [class^="ofbicon-"], .photo-contest [class*=" ofbicon-"], .photo-contest [class^="ofbicon-"]::before, .photo-contest [class*=" ofbicon-"]::before { vertical-align: baseline; font-size: 1em; }

.overall { background: #fffdda; padding: 60px 0 45px; }

.overall .overall__ttl { font-size: 37px; }

.overall .overall__prefix { font-size: 23px; }

.overall .overall__prefix--em { color: #cc3738; font-weight: bold; }

.overall .col-span4 { margin-top: 50px; padding: 0 10px; }

.overall__sect-wrapper { background: #fff; }

.overall__mov { width: 100% !important; }

.overall__mov-ttl { width: auto; height: 20px; margin: 15px auto; }

.overall__mov__prof { padding: 0 0 1em 0; }

.flow { background: #021c38; color: #fff; text-align: left; }

.flow h3 { color: #fffdda; }

.flow a { color: inherit; text-decoration: underline; }

.flow .flow__ttl { font-size: 37px; text-align: center; color: #fff; padding: 65px 0 35px 0; }

.flow .photo-contest__step-img { padding: 0 0 20px 20px; }

.flow .photo-contest__step-txt { padding: 20px; }

.flow .flow__step--step1 { position: relative; padding-bottom: 40px; border-bottom: 1px solid #fff; }

.flow .flow__step--step1 .flow__step--cond { position: absolute; bottom: 60px; }

.flow .flow__step--step2 { padding-top: 70px; }

.flow .flow__step--step2 .left { margin-bottom: 40px; }

.flow .flow__step--cond { display: inline-block; padding: 20px; border: 1px solid #fffdda; }

.flow .flow__step--cond .cond__elm:first-child { margin-bottom: 20px; }

.flow .flow__step--cond .cond__elm-em { color: #fffdda; font-size: 23px; }

.flow .step-txt__em { color: #fffdda; text-decoration: none; border-bottom: 1px solid #fffdda; }

.flow .step-txt__em .step-txt__elm-eml { font-size: 23px; }

.photo-contest__copy1 { margin: 60px 0; }

.precaution { padding: 60px; border: 20px solid #e7e7e7; text-align: left; }

.precaution .precaution__ttl { font-size: 23px; color: #c63031; font-weight: bold; }

.precaution .precaution__txt:not(:last-child) { margin-bottom: 40px; }

.precaution .precaution__em { text-decoration: underline; }

.introduction__ttl { margin-bottom: 20px; }

.introduction__txt { text-align: left; }

.trans { margin-bottom: 50px; text-align: center; }

.col-1_5 { width: 200px; float: left; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; text-align: left; }

.col-1_5:nth-child(5n) { margin-right: 0; }

.col-1_5 .photocon-entrytitle { font-size: 14px; }

.col-1_5 .photocon-votenum { font-size: 18px; font-weight: bold; }

.col-1_5 .totalvotes { font-size: 23px; font-weight: bold; }

.col-1_5 .entry-img { position: relative; display: table; width: 200px; height: 200px; border: 1px solid #F3F3F3; vertical-align: middle; }

.col-1_5 .entry-img img { width: 200px; }

.col-1_5 .entry-img:hover { cursor: pointer; }

.col-1_5 .entry-img .photocon__cover-layer { display: none; }

.col-1_5 .entry-img .photocon__btn-detail { display: block; width: 140px; margin: 100px auto; padding: 10px 0; border: 2px solid #fff; border-radius: 6px; color: #fff; text-align: center; font-size: 18px; font-weight: bold; }

.col-1_5 .entry-img:hover .photocon__cover-layer { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }

.photo-contest__vote__ttl-wrapper { display: table; width: 100%; margin-bottom: 40px; }

.photo-contest__vote__ttl-wrapper .photo-contest__vote__ttl, .photo-contest__vote__ttl-wrapper .photo-contest__link-bnr { display: table-cell; vertical-align: middle; }

.photo-contest__vote__ttl-wrapper .photo-contest__link-bnr { text-align: right; }

.photo-contest__vote__txt { padding: 40px 0; }

.photo-contest__vote__theme { padding: 20px 20px 50px 60px; background: #fffdda; text-align: left; }

.photo-contest__vote__theme li { font-size: 36px; }

.photo-contest__vote__notes { padding: 70px 60px 60px 60px; background: #022454; color: #fff; text-align: left; }

.photo-contest__vote__notes h2 { color: inherit; }

.photo-contest__vote__notes p { font-size: 36px; }

.photo-contest__vote__notes ul { background: #fff; color: #022454; padding: 20px; }

.photo-contest__vote__ttl { font-size: 58px; }

.photocon-modal { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #666; background: rgba(0, 0, 0, 0.6); }

.photocon-modal__wrapper { position: fixed; top: 12.5%; left: 12.5%; z-index: 10000; width: 75%; padding: 20px; background: #fff; overflow: auto; }

.photocon-modal__wrapper .photocon-modal__area1, .photocon-modal__wrapper .photocon-modal__area2 { float: left; width: 50%; }

.photocon-modal__wrapper .photocon-modal__area1 { padding-right: 10px; }

.photocon-modal__wrapper .photocon-modal__area2 { padding-left: 10px; }

.photocon-modal__wrapper .photocon-modal__content { padding: 10px; overflow: auto; }

.photocon-modal__wrapper .photocon-modal__imgwrapper { position: relative; background: #fff; }

.photocon-modal__wrapper .photocon-modal__img { position: relative; display: block; margin: 0 auto; width: auto; max-height: 100%; }

.photocon-modal__wrapper .photocon-modal__btnwrapper { text-align: center; }

.photocon-modal__wrapper .photocon-modal__btn--vote { display: inline-block; padding: 5px 10px; margin: 5px; background: #fff; border: 1px solid #0066a9; border-radius: 34px; text-align: center; }

.photocon-modal__wrapper .photocon-modal__btn--vote.voted { cursor: default; }

.photocon-modal__wrapper .photocon-modal__btn--vote.voted:hover { color: #022454; }

.photocon-modal__wrapper .photocon-modal__btn--close { display: inline-block; padding: 5px 10px; margin: 5px; border: 1px solid #0066a9; border-radius: 34px; text-align: center; }

.photocon-modal__wrapper input:focus { outline: none; }

body.modal-active { overflow: hidden; }

.photocon__btn--vote { display: inline-block; padding: 5px 10px; margin: 5px; background: #fff; border: 1px solid #0066a9; border-radius: 17px; text-align: center; }

.photocon__btn--vote.voted { cursor: default; background: #022454; color: #fff; text-decoration: none !important; }

.gray-array { position: relative; margin-bottom: 70px; }

.gray-array:after { position: absolute; bottom: -50px; left: 50%; margin-left: -25px; margin-bottom: -20px; display: inline-block; width: 0; height: 0; content: ''; border: 25px solid  transparent; border-top-color: #e7e7e7; }

.navy-array { position: relative; margin-bottom: 70px; }

.navy-array:after { position: absolute; bottom: -50px; left: 50%; margin-left: -50px; margin-bottom: -50px; display: inline-block; width: 0; height: 0; content: ''; border: 50px solid  transparent; border-top-color: #022454; }

.array-top--flatten { position: relative; }

.array-top--flatten:before { position: absolute; top: -1px; left: 50%; z-index: 1; margin-left: -60px; margin-bottom: 0; display: inline-block; width: 0; height: 0; content: ''; border-width: 40px 60px 0 60px; border-style: solid; border-color: #ffffff transparent transparent transparent; }

.array-top--flatten:after { position: absolute; top: -3px; left: 50%; z-index: 2; margin-left: -60px; margin-bottom: 0; display: inline-block; width: 0; height: 0; content: ''; border-width: 40px 60px 0 60px; border-style: solid; border-color: #021c38 transparent transparent transparent; }

.arrow-right::before { display: inline-block; position: relative; width: 0; content: ''; border: 7px solid transparent; border-left-color: #fff; vertical-align: middle; }

.photocon-modal__footer { padding: 10px; text-align: center; }

.footer__txtpre { display: inline-block; padding: 10px; margin-bottom: 10px; border: 1px solid #F3F3F3; font-weight: bold; font-size: 18px; }

.sns-btn { margin-top: 10px; width: 100%; font-size: 0; }

.sns-btn .sns-btn__elm { display: inline-block; width: 35px; margin-right: 15px; text-align: center; }

.sns-btn .sns-btn__elm.sns-btn--line { display: none; }

.sns-btn .sns-btn__elm a { display: inline-block; width: 35px; }

.post .entry-img { border: 1px solid #F3F3F3; }

.col-1_5.archive__elm--photocon--closed .entry-img { cursor: default !important; }

.photo-contest__vote__result--wrapper { padding: 50px; background: #022454; text-align: left; border-bottom: 2px solid #fff; }

.photo-contest__vote__result--wrapper .result__fig, .photo-contest__vote__result--wrapper .result__prof { position: relative; float: left; }

.photo-contest__vote__result--wrapper .result__fig { border: 1px solid #e6e6e6; }

.photo-contest__vote__result--wrapper .result__prof { padding-left: 30px; padding-right: 30px; }

.photo-contest__vote__result--wrapper .prof__wrappper { float: left; display: inline-block; }

.photo-contest__vote__result--wrapper .prof__wrappper .totallvotes { font-size: 18px; }

.photo-contest__vote__result--wrapper .prof__wrappper .result__detail { padding: 10px; border: 4px solid #e6e6e6; }

.photo-contest__vote__result--wrapper .prof__wrappper .entry-number { margin: 0; }

.photo-contest__vote__result--wrapper .prof__wrappper .entry-personal-info { margin-top: 0; margin-bottom: 0; }

.photo-contest__vote__result--wrapper .prof__wrappper .entry-personal-info .entry-personal-info__name { padding-left: 5px; font-size: 18px; }

.photo-contest__vote__result--wrapper .prof__wrappper .entry-totallvotes--ttl { font-size: 18px; margin: 0; }

.photo-contest__vote__result--wrapper .prof__wrappper .entry-totallvotes--num { font-size: 28px; }

.photo-contest__vote__result--wrapper .prof__episode { clear: both; }

.photo-contest__vote__result--wrapper .prof__episode .prof__episode--ttl { border-bottom: 2px solid #e6e6e6; }

.photo-contest__vote__result--wrapper .photo-contest__vote__result { position: relative; z-index: 1; padding: 10px; background: #fff; }

.photo-contest__vote__result--wrapper .photo-contest__vote__result .result--wrapper__rank { position: absolute; top: 0; left: 0; z-index: 10; padding: 10px; background: #c63031; color: #fff; font-size: 18px; }

.photo-contest__vote__result--wrapper .result__bounty { clear: both; background: #fffdda; }

.photo-contest__vote__result.top .result__fig, .photo-contest__vote__result.top .result__prof { width: 50%; }

.photo-contest__vote__result.top .result__rank { font-size: 28px; font-weight: bold; }

.photo-contest__vote__result.top .result__detail { margin-bottom: 40px; }

.photo-contest__vote__result.top .prof__wrappper { padding-top: 30px; }

.photo-contest__vote__result.top .prof__ribbon { position: absolute; top: 0; right: 0; }

.photo-contest__vote__result.other .result__fig { width: 290px; }

.photo-contest__vote__result.other .result__prof { width: 670px; }

.photo-contest__vote__result.other .result__rank { font-size: 24px; font-weight: bold; }

.photo-contest__vote__result.other .result__detail { margin-bottom: 20px; }

.photo-contest__vote__result.other .prof__wrappper { padding-top: 10px; }

.photo-contest__vote__result.other .prof__ribbon { position: absolute; top: 0; right: 180px; }

.top .result__bounty { margin: 30px; padding: 10px; }

.other .result__bounty--wrapper { padding: 30px; background: #fff; }

.other .result__bounty { padding: 10px; }

.result__msg--wrapper { margin-bottom: 40px; }

.result__msg { display: inline-block; margin-top: 45px; margin-bottom: 40px; border: 1px solid #c63031; color: #c63031; font-size: 24px; padding: 25px; }

[rel~=attachment] { display: inline-block; position: relative; z-index: 100; width: auto; height: 100%; }

[rel~=attachment]::before { position: absolute; top: 10px; right: 10px; z-index: 101; display: block; width: 32px; height: 32px; content: ""; background: url(../img/common/icon-expander.png) no-repeat bottom right; background-size: 100%; }

.entry-content { margin: 10px 0; }

.entry-text { padding: 15px; }

.entry-text .entry-content { font-size: 1.3rem; line-height: 2.2rem; font-weight: normal; }

.columns_top_list { background-color: #F2F2F2; }

.columns_top_list > div { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.columns_top_list .columns_top_news, .columns_top_list .columns_top_popula { width: 50%; margin: 20px; background-color: #fff; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }

.columns_top_list .columns_top_news .archive-ttl__txt_wrap, .columns_top_list .columns_top_popula .archive-ttl__txt_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.columns_top_list .columns_top_news .archive-ttl__txt_wrap article, .columns_top_list .columns_top_popula .archive-ttl__txt_wrap article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 10px 15px; border-bottom: 1px solid #eaeaea; -webkit-transition: background-color .3s; transition: background-color .3s; }

.columns_top_list .columns_top_news .archive-ttl__txt_wrap article:hover, .columns_top_list .columns_top_popula .archive-ttl__txt_wrap article:hover { background-color: #f9f9f9; }

.columns_top_list .columns_top_news .archive-ttl__txt_wrap article a, .columns_top_list .columns_top_popula .archive-ttl__txt_wrap article a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 5px; font-size: 1.4rem; line-height: 2.2rem; text-align: left; }

.columns_top_list .columns_top_news .archive-ttl__txt_wrap article figure a, .columns_top_list .columns_top_popula .archive-ttl__txt_wrap article figure a { width: 140px; height: 80px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.columns_top_list .columns_top_news .archive-ttl__txt_wrap article p, .columns_top_list .columns_top_popula .archive-ttl__txt_wrap article p { line-height: 2.5rem; }

.columns_top_list .columns_top_news .archive-ttl__txt_wrap .columns_content_box, .columns_top_list .columns_top_popula .archive-ttl__txt_wrap .columns_content_box { width: 100%; }

.archive-ttl__txt { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: solid 3px #EDE9E6; text-align: left; }

.archive-ttl__txt h2 { padding: 15px 15px 5px 15px; margin-bottom: -3px; font-size: 2rem; display: inline-block; border-bottom: 3px solid #c70000; }

.more_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

.the-arrow { width: 1px; -webkit-transition: all 0.2s; transition: all 0.2s; }

.the-arrow.-left { position: absolute; top: 45%; left: 0; }

.the-arrow.-left > .shaft { width: 0; background-color: #4c4c4c; }

.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after { width: 0; background-color: #4c4c4c; }

.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after { -webkit-transform: rotate(0); transform: rotate(0); }

.the-arrow.-right { top: 0; }

.the-arrow.-right > .shaft { width: 1px; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after { width: 6px; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.the-arrow.-right > .shaft:before { -webkit-transform: rotate(50deg); transform: rotate(50deg); }

.the-arrow.-right > .shaft:after { -webkit-transform: rotate(-50deg); transform: rotate(-50deg); }

.the-arrow > .shaft { background-color: #707070; display: block; height: 1px; position: relative; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0; transition-delay: 0; will-change: transform; }

.the-arrow > .shaft:before, .the-arrow > .shaft:after { background-color: #707070; content: ''; display: block; height: 1px; position: absolute; top: 0; right: 0; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0; transition-delay: 0; }

.the-arrow > .shaft:before { -webkit-transform-origin: top right; transform-origin: top right; }

.the-arrow > .shaft:after { -webkit-transform-origin: bottom right; transform-origin: bottom right; }

.more-arrow { display: inline-block; color: #707070; font-size: 1.1rem; text-decoration: none; position: relative; font-family: 'Farro', sans-serif; font-weight: lighter; -webkit-transition: all 0.2s; transition: all 0.2s; }

.more-arrow:hover { color: #c70000; }

.more-arrow:hover > .the-arrow.-left > .shaft { width: 40px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; background-color: #c70000; }

.more-arrow:hover > .the-arrow.-left > .shaft:before, .more-arrow:hover > .the-arrow.-left > .shaft:after { width: 6px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; background-color: #c70000; }

.more-arrow:hover > .the-arrow.-left > .shaft:before { -webkit-transform: rotate(50deg); transform: rotate(50deg); }

.more-arrow:hover > .the-arrow.-left > .shaft:after { -webkit-transform: rotate(-50deg); transform: rotate(-50deg); }

.more-arrow:hover > .more-arrow-main { -webkit-transform: translateX(17px); transform: translateX(17px); -webkit-transform: translateX(50px); transform: translateX(50px); }

.more-arrow:hover > .more-arrow-main > .the-arrow.-right > .shaft { width: 0; -webkit-transform: translateX(200%); transform: translateX(200%); -webkit-transition-delay: 0; transition-delay: 0; }

.more-arrow:hover > .more-arrow-main > .the-arrow.-right > .shaft:before, .more-arrow:hover > .more-arrow-main > .the-arrow.-right > .shaft:after { width: 0; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition: all 0.1s; transition: all 0.1s; }

.more-arrow:hover > .more-arrow-main > .the-arrow.-right > .shaft:before, .more-arrow:hover > .more-arrow-main > .the-arrow.-right > .shaft:after { -webkit-transform: rotate(0); transform: rotate(0); }

.more-arrow > .more-arrow-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.2s; transition: all 0.2s; }

.more-arrow > .more-arrow-main > .text { margin: 1px 10px 0 0; line-height: 1; }

.more-arrow > .more-arrow-main > .the-arrow { position: relative; }

.popula_tag { max-width: 1200px; margin: 50px auto 20px; }

.popula_tag .popula_tag_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.popula_tag .post__info { width: 1000px; margin: 0 auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.popula_tag .post__info li { margin: 7px 2px; }

.popula_tag .post__info a { margin: 0px 5px 15px 5px; padding: 8px 20px; font-size: 1.3rem !important; font-weight: normal; }

.columns_top_special { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1180px; margin: 0 auto; }

.columns_top_special .special_columns { position: relative; width: 50%; margin: 0 20px; z-index: 0; }

.columns_top_special .special_columns .bxslider_02 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box { position: relative; width: 100% !important; background-color: #012554; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box a { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box a .slide_columns_title { width: 100%; font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; color: #fff !important; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box a p { width: 100%; line-height: 2rem; font-size: 1.3rem; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box a .special_columns_img { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; min-height: 310px; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box a .special_columns_img img { -o-object-fit: cover; object-fit: cover; }

.columns_top_special .special_columns .bxslider_02 .special_columns_box a .special_columns_txt { position: absolute; bottom: 0; width: 100%; padding: 15px 30px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(2, 37, 84, 0.8); }

.columns_top_special .special_columns .bx-wrapper { position: relative; z-index: 0; }

.columns_top_special .special_columns .bx-wrapper .bx-viewport { height: 310px; }

.columns_top_special .special_columns .plus_icon { position: absolute; width: 50px; height: 50px; background: #c70000; border-radius: 50%; z-index: 1; right: 10px; bottom: -25px; }

.columns_top_special .special_columns .plus_icon:hover { bottom: -23px; }

.columns_top_recommended { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.columns_top_recommended .archive__elm { display: block; width: 24%; margin: 0 0 25px; }

.columns_top_recommended::before { content: ""; display: block; width: 24%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.columns_top_recommended::after { content: ""; display: block; width: 24%; }

.single-post #main-contents { padding-top: 0; }

.page-ttl_wrap { max-width: 1200px; margin: 30px auto 0; padding: 0 10px; }

.page-ttl_wrap .page-ttl { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: solid 3px #EDE9E6; text-align: left; color: #041a31; }

.page-ttl_wrap .page-ttl h1 { padding: 15px 15px 5px 15px; margin-bottom: -3px; font-size: 2.2rem; display: inline-block; border-bottom: 3px solid #c70000; }

.crp_related .page-ttl_wrap .page-ttl p { padding: 15px 15px 5px 15px; margin-bottom: -3px; font-size: 1.8rem; display: inline-block; border-bottom: 3px solid #c70000; }

.crp_related .archive__wrapper { margin-top: 20px; }

.crp_related .crp_title { padding: 15px; width: 100%; display: block; line-height: 2.7rem; }

.main_news .ttl { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; max-width: 700px; margin-top: 5px; line-height: 2.5rem; }

.main_news .cat { margin: 0; }

.newsrelease { padding: 0; }

.newsrelease .ttl { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; max-width: 860px; margin-top: 5px; line-height: 2.5rem; }

.archive .main_popup { width: 220px; right: 20px; bottom: auto; top: -110px; -webkit-transition: all .2s linear; transition: all .2s linear; }

.archive .main_popup .main_popup_box { width: 100%; height: 130px; background: url(../../assets/img/user_story_banner_pc.png) center bottom no-repeat; background-size: contain; }

.archive .main_popup button:before, .archive .main_popup button:after { top: -16px; }

.archive .main_popup button:hover:before, .archive .main_popup button:hover:after { background-color: #83D8C1; }

.archive .main_popup:hover { top: -113px; }

.sample_pf_page__heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px; border: 1px solid #B7BCC6; }

.sample_pf_page__heading figure { margin: 0 30px 10px 0; }

.sample_pf_page__heading figure img { max-width: 230px; }

.sample_pf_page__heading ul li { list-style: none; }

.sample_pf_page .sample_pf_page_block { margin: 50px auto 0; padding: 30px; border: 1px solid #B7BCC6; }

.sample_pf_page .sample_pf_page_block h2.sample_pf_title { margin: 0 0 20px; padding: 0 0 7px; border-left: 0; font-size: 2.2rem; line-height: 2; border-bottom: 1px solid #8190E5; background-color: #fff; }

.sample_pf_page .sample_pf_page_block h3.sample_pf_page__sub_title { padding: 20px 0 5px; border: 0; font-size: 2rem; margin: 0; }

.sample_pf_page .sample_pf_page_block h2.sample_pf_title + h3.sample_pf_page__sub_title { padding-top: 0; }

.sample_pf_page .sample_pf_page_block .sample_pf_page_centent img { margin-bottom: 15px; }

.sample_pf_page .sample_pf_page_block .good_point { margin: 35px auto 10px; }

.sample_pf_page .sample_pf_page_block .good_point__title { position: relative; display: inline-block; padding: 10px 35px 10px 65px; line-height: 2; color: #fff; font-size: 1.8rem; border-radius: 20px 20px 0 0; background-color: #C70004; }

.sample_pf_page .sample_pf_page_block .good_point__title::before { content: ""; position: absolute; display: block; width: 22px; height: 22px; left: 35px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.5%2C0C4.25%2C0%2C0%2C4.25%2C0%2C9.5s4.25%2C9.5%2C9.5%2C9.5%2C9.5-4.25%2C9.5-9.5S14.75%2C0%2C9.5%2C0Zm1.02%2C13.66c0%2C.44-.31%2C.69-.84%2C.69s-.85-.25-.85-.69V7.34c0-.43%2C.3-.68%2C.85-.68s.84%2C.25%2C.84%2C.68v6.32Zm-.84-7.98c-.66%2C0-1.12-.4-1.12-.99s.46-.99%2C1.12-.99%2C1.13%2C.4%2C1.13%2C.99-.44%2C.99-1.13%2C.99Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; }

.sample_pf_page .sample_pf_page_block .good_point__txt { padding: 30px 35px; font-size: 1.5rem; border-radius: 0 15px 15px 15px; background-color: #EDF0F4; }

.sample_pf_page__univ { font-size: 2.5rem; line-height: 1.5; }

.sample_pf_page__major { font-size: 2.2rem; }

.sample_pf_page__group span { padding: 3px 10px; margin-right: 8px; color: #fff; font-size: 1.4rem; background-color: #071B34; }

.sample_pf_page .appeal_point { margin: 10px 0 0 0; }

.sample_pf_page .appeal_point__title { padding-left: 20px; }

.sample_pf_page .appeal_point__title::before { left: 0; }

.sample_pf_page .appeal_point ul { border-top: 0; }

.sample_pf_page .appeal_point ul li { padding: 0; border-bottom: 0; line-height: 1.6; }

.sample_pf_page .cta_area { position: relative; margin: 100px auto 20px; line-height: 1.5; }

.sample_pf_page .cta_area .cta_area_title { position: relative; padding: 40px 20px 20px 30%; font-size: 1.8rem; border-radius: 25px 25px 0 0; background-color: #012554; color: #fff; }

.sample_pf_page .cta_area .cta_area_title figure { position: absolute; left: 20px; top: -30px; width: 24%; }

.sample_pf_page .cta_area .cta_area_title figure img { width: 100%; }

.sample_pf_page .cta_area .cta_area_title::after { content: ""; position: absolute; position: absolute; right: 50px; top: -53px; width: 53px; height: 55px; background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2053%2055%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23c70004%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_1239%22%20class%3D%22cls-1%22%20d%3D%22M0%2C0L26.88%2C14.9%2C53%2C0V55H0V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; z-index: -1; }

.sample_pf_page .cta_area .cta_area_list { padding: 10px 20px 10px 30%; }

.sample_pf_page .cta_area .cta_area_txt { border-radius: 0 0 25px 25px; border: 2px solid #012554; }

.sample_pf_page .cta_area .cta_area_btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 10px auto 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.sample_pf_page .cta_area .cta_area_btn a { margin: 10px; max-width: 290px; }

.sample_pf_page .cta_area .cta_area_btn .sample_pf_cta_red { background-color: #C70004; }

.sample_pf_page .cta_area .cta_area_btn .sample_pf_cta_line { border: 2px solid #012554; background-color: #fff; color: #012554; }

.sample_pf_page .cta_area .cta_area_footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: end; -ms-flex-align: end; align-items: end; }

.sample_pf_page .cta_area .cta_area_footer figure.cta_area_logo { padding: 10px 20px 30px 30px; max-width: 490px; width: 70vw; }

.sample_pf_page .cta_area .cta_area_footer figure.cta_area_logo img { width: 100%; }

.sample_pf_page .cta_area .cta_area_footer .cta_area_footer_obj { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 30px; }

.sample_pf_page .cta_area .cta_area_note { width: 100%; padding: 10px; text-align: right; font-size: 1rem; }

.entry-content .wp-block-embed__wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 750px; margin: 20px auto 8px; }

.entry-content .wp-block-embed__wrapper::after { content: ""; position: absolute; display: block; width: 100%; height: 4px; inset: -1px 0 0 auto; background-color: #C70004; }

.entry-content .wp-block-embed__wrapper .wp-embedded-content { width: 100%; }

.cta_analyzeu { display: block; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.3s; transition: all 0.3s; }

.cta_analyzeu:active { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }