@charset "UTF-8";

body #main.news_main,
body #main.news_detail_main{
  padding-top: 45px;
}
body.news_detail_body .o-m__rseries,
body.news_detail_body .f-l__footer{
  margin-top: 60px;
}
body.news_detail_body .o-m__rseries + .f-l__footer{
  margin-top: 0;
}
.f-l__header-container + #main.news_main,
.f-l__header-container + #main.news_detail_main{
  padding-top: 105px;
}
.gnav_title_logo{
  width: auto;
  margin: 10px 0;
}
@media (min-width: 768px) { .pc_only { display: block; }
  .sp_only { display: none; } }
@media (max-width: 767px) { .pc_only { display: none; }
  .sp_only { display: block; } }
.wrapper_pc_1000 { position: relative; max-width: 1000px; margin: 0 auto; width: inherit; }

@media (max-width: 1000px) { .wrapper_m_10 { max-width: 100%; margin-left: 10px; margin-right: 10px; }
  .wrapper_m_15 { max-width: 100%; padding-left: 15px; padding-right: 15px; } }
.cf { clear: both; }

.cf:before, .cf:after { content: ""; display: table; clear: both; }

.btn_base { box-sizing: border-box; display: inline-block; padding: 0.5em 1em; border-radius: 4px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); color: #fff; text-decoration: none; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #f6ad48; border: 3px solid #f6ad48; background-image: none; }

.btn_base:hover { background-color: #fff; color: #f6ad48; }

.btn_base .btn_icon { margin: 0 0.25em; }

.btn_base:hover .spr_act_ico_s_mail_w { background-position: -31px -40px; }

.btn_base:hover .spr_act_ico_s_tv_w { background-position: -31px -56px; }

@media screen and (max-width: 1023px) { .switcher_pc_only { display: none !important; } }
.sprite_icons { display: inline-block; width: 30px; height: 30px; background: url(/rakurakucloud/seisan/common/img/sprite_icons_30.png) no-repeat; /* for IE7 IE8 */ background: rgba(0, 0, 0, 0) url(/rakurakucloud/seisan/common/img/sprite_icons.svg) no-repeat; /* modern browser */ background-size: auto 90px; vertical-align: middle; }

.spr_ico_cash_b { background-position: -630px -60px; }

.spr_ico_train_b { background-position: 0px -60px; }

.spr_ico_suitecase_b { background-position: -30px -60px; }

.spr_ico_stamp_b { background-position: -660px -60px; }

.spr_ico_invoice_b { background-position: -690px -60px; }

.spr_ico_software_b { background-position: -210px -60px; }

.spr_ico_dencyou_b { background-position: -960px -60px; }

.spr_ico_cashcard_b { background-position: -120px -60px; }

.spr_ico_prepaidcard_b { background-position: -1240px -60px; }

.spr_ico_warning_b { background-position: -900px -60px; }

.spr_ico_alert_b { background-position: -1274px -60px; }

.spr_ico_customization_b { background-position: -1373px -60px; }

.spr_ico_devices_b { background-position: -240px -60px; }

.spr_ico_graph_b { background-position: -1338px -60px; }

.spr_ico_beer_b { background-position: -930px -60px; }

.spr_ico_csvdata_b { background-position: -1305px -60px; }

.spr_ico_chatbot_b { background-position: -1175px -60px; }

.spr_ico_collabo_b { background-position: -1436px -60px; }

.spr_ico_api_b { background-position: -1466px -60px; }

.spr_ico_shop_b { background-position: -1496px -60px; }

.function_all_list__item a:hover .spr_ico_shop_b { background-position: -1496px -30px; }

.btn_base:hover .spr_act_ico_tv_w { background-position: -40px -20px !important; }

.spr_act_ico_tv_w { background-position: -20px -20px; }

.spr_ico_36_cash_w { background-position: -756px -36px; }

.spr_ico_36_train_w { background-position: 0px -36px; }

.spr_ico_36_stamp_w { background-position: -792px -36px; }

.spr_ico_36_invoice_w { background-position: -828px -36px; }

.spr_ico_36_software_w { background-position: -252px -36px; }

.spr_ico_36_dencyou_w { background-position: -1152px -36px; }

.spr_ico_36_cashcard_w { background-position: -144px -36px; }

.spr_ico_36_prepaidcard_w { background-position: -1489px -36px; }

.spr_ico_36_warning_w { background-position: -1080px -36px; }

.spr_ico_36_alert_w { background-position: -1528px -36px; }

.spr_ico_36_customization_w { background-position: -1648px -36px; }

.spr_ico_36_devices_w { background-position: -288px -36px; }

.spr_ico_36_graph_w { background-position: -1606px -36px; }

.spr_ico_36_beer_w { background-position: -1116px -36px; }

.spr_ico_36_csvdata_w { background-position: -1566px -36px; }

.spr_ico_36_chatbot_w { background-position: -1409px -36px; }

.spr_ico_36_collabo_w { background-position: -1722px -36px; }

.spr_ico_36_api_w { background-position: -1758px -36px; }

.sprite_icons__60 { width: 60px; height: 60px; background-size: auto 180px; *background: url(/rakurakucloud/seisan/common/img/sprite_icons.png) no-repeat; /* for IE7 */ background: url(/rakurakucloud/seisan/common/img/sprite_icons.png) no-repeat\9 ; /* for IE8 */ }

.spr_ico_60_cash_b { background-position: -1260px -120px; }

.spr_ico_60_train_b { background-position: 0px -120px; }

.spr_ico_60_suitecase_b { background-position: -60px -120px; }

.spr_ico_60_invoice_b { background-position: -1380px -120px; }

.spr_ico_60_software_b { background-position: -420px -120px; }

.spr_ico_60_dencyou_b { background-position: -1920px -120px; }

.fa-times:before { display: inline-block; content: "" !important; background-image: url(/rakurakucloud/seisan/asset/image/icon/icon_batsu--white.svg); width: 15px; height: 15px; }

.button-round-shadow_hover_reverse { text-align: center; }
.button-round-shadow_hover_reverse__link { position: relative; display: block; background-color: rgba(255, 255, 255, 0.2); padding: 5px; border-radius: 100px; box-shadow: 0 0 5px 0 rgba(70, 70, 70, 0.2); transition: all ease 0.3s; }
.button-round-shadow_hover_reverse__link:hover { opacity: 1; background-color: #f6ad48; border-color: white; color: white; transform: scale(1.02); }
.button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__link-inner { background-color: white; color: #f6ad48; }
.button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__link-inner:after { border-color: #f6ad48; right: 30px; }
.button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__point { background-color: #f6ad48; border-color: white; color: white; }
.button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__point:after { border-top: 10px solid #f6ad48; }
.button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__point-color { color: white; }
.button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__head { background-color: #f6ad48; color: white; }
.button-round-shadow_hover_reverse__link-inner { color: white; background: #f6ad48; padding: 18px 50px 18px 20px; border-radius: 100px; transition: all ease 0.3s; }
.button-round-shadow_hover_reverse__link-inner::after { position: absolute; display: block; content: ""; width: 10px; height: 10px; border-top: 2px solid white; border-right: 2px solid white; top: 0; right: 30px; bottom: 0; margin: auto; transform: rotate(45deg); transition: all ease 0.3s; }
@media screen and (min-width: 769px) { .button-round-shadow_hover_reverse__link-inner::after { width: 15px; height: 15px; right: 35px; } }
.button-round-shadow_hover_reverse__point { display: block; position: absolute; top: 1.2em; left: 50%; transform: translateX(-50%) translateY(-100%); margin: auto; color: #4c4948; background-color: white; border: 4px solid #f6ad48; padding: 0.2em 1em; border-radius: 30px; white-space: nowrap; font-weight: bold; font-size: 14px; transition: all ease 0.3s; }
@media screen and (min-width: 426px) { .button-round-shadow_hover_reverse__point { font-size: 14px; } }
.button-round-shadow_hover_reverse__point::after { display: block; position: absolute; content: ""; width: 0; height: 0; left: 50%; bottom: -0.6em; transform: translateX(-50%); border: 6px solid transparent; border-top: 10px solid white; border-bottom-width: 0; }
.button-round-shadow_hover_reverse__point-color { color: #f6ad48; }
.button-round-shadow_hover_reverse__contents { display: flex; align-items: center; justify-content: center; }
.button-round-shadow_hover_reverse__image { display: none; }
.button-round-shadow_hover_reverse__image img { width: auto; }
@media screen and (min-width: 426px) { .button-round-shadow_hover_reverse__image img { height: 32px; } }
@media screen and (min-width: 769px) { .button-round-shadow_hover_reverse__image img { height: 45px; } }
@media screen and (min-width: 1024px) { .button-round-shadow_hover_reverse__image img { height: 55px; } }
@media screen and (min-width: 426px) { .button-round-shadow_hover_reverse__image { display: block; max-height: 100px; padding-right: 4px; } }
@media screen and (min-width: 769px) { .button-round-shadow_hover_reverse__image { padding-right: 10px; } }
.button-round-shadow_hover_reverse__sub-title { display: none; }
@media screen and (min-width: 426px) { .button-round-shadow_hover_reverse__sub-title { display: block; font-size: 14px; } }
.button-round-shadow_hover_reverse__title { display: block; font-size: 20px; font-weight: bold; }
@media screen and (min-width: 769px) { .button-round-shadow_hover_reverse__title { font-size: 22px; } }
.button-round-shadow_hover_reverse__head { font-size: 14px; border-radius: 100px; color: #f6ad48; padding: 1px 6px; background-color: #fff; position: relative; bottom: 3px; margin-right: 2px; }

.button-round-shadow_hover_reverse._blue .button-round-shadow_hover_reverse__link:hover { background-color: white; }
.button-round-shadow_hover_reverse._blue .button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__link-inner { background-color: #007bc7; color: white; }
.button-round-shadow_hover_reverse._blue .button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__link-inner:after { border-color: white; }
.button-round-shadow_hover_reverse._blue .button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__point { border-color: #007bc7; }
.button-round-shadow_hover_reverse._blue .button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__head { background-color: white; color: #007bc7; }
.button-round-shadow_hover_reverse._blue .button-round-shadow_hover_reverse__link-inner { color: #007bc7; background: white; }
.button-round-shadow_hover_reverse._blue .button-round-shadow_hover_reverse__link-inner::after { border-color: #007bc7; }
.button-round-shadow_hover_reverse._blue .button-round-shadow_hover_reverse__point { background-color: #E5F2FA; color: #4c4948; border-color: white; }
.button-round-shadow_hover_reverse._blue .button-round-shadow_hover_reverse__point:after { border-top-color: #E5F2FA; }
.button-round-shadow_hover_reverse._blue .button-round-shadow_hover_reverse__point-color { color: #007bc7; }
.button-round-shadow_hover_reverse._blue .button-round-shadow_hover_reverse__head { background-color: #007bc7; color: white; }
.button-round-shadow_hover_reverse._blue_line .button-round-shadow_hover_reverse__link:hover { background-color: white; }
.button-round-shadow_hover_reverse._blue_line .button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__link-inner { background-color: #007bc7; color: white; }
.button-round-shadow_hover_reverse._blue_line .button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__link-inner:after { border-color: white; }
.button-round-shadow_hover_reverse._blue_line .button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__point { border-color: #007bc7; }
.button-round-shadow_hover_reverse._blue_line .button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__head { background-color: white; color: #007bc7; }
.button-round-shadow_hover_reverse._blue_line .button-round-shadow_hover_reverse__link-inner { color: #007bc7; background: white; }
.button-round-shadow_hover_reverse._blue_line .button-round-shadow_hover_reverse__link-inner::after { border-color: #007bc7; }
.button-round-shadow_hover_reverse._blue_line .button-round-shadow_hover_reverse__point { background-color: #E5F2FA; color: #4c4948; border-color: white; }
.button-round-shadow_hover_reverse._blue_line .button-round-shadow_hover_reverse__point:after { border-top-color: #E5F2FA; }
.button-round-shadow_hover_reverse._blue_line .button-round-shadow_hover_reverse__point-color { color: #007bc7; }
.button-round-shadow_hover_reverse._blue_line .button-round-shadow_hover_reverse__head { background-color: #007bc7; color: white; }
.button-round-shadow_hover_reverse._blue_line .button-round-shadow_hover_reverse__link { background-color: rgba(0, 123, 199, 0.3); }

.button_round._orange { display: inline-block; font-size: 16px; font-weight: bold; padding: 12px 30px; line-height: 1; border-radius: 100px; border: 2px solid; color: white; background-color: #f8a411; border-color: #f8a411; box-sizing: border-box; }
.button_round._orange:hover { transform: scale(1.02); background-color: white; color: #f8a411; border-color: #f8a411; }
.button_round._blue { display: inline-block; font-size: 16px; font-weight: bold; padding: 12px 30px; line-height: 1; border-radius: 100px; border: 2px solid; color: white; background-color: #0078c9; border-color: #0078c9; box-sizing: border-box; }
.button_round._blue:hover { transform: scale(1.02); background-color: white; color: #0078c9; border-color: #0078c9; }

.button_round_line { display: inline-block; font-size: 16px; font-weight: bold; padding: 12px 30px; line-height: 1; border-radius: 100px; border: 2px solid; }
.button_round_line:hover { transform: scale(1.02); }
.button_round_line._blue { color: #007bc7; background-color: white; border-color: #007bc7; }
.button_round_line._blue:hover { background-color: #007bc7; color: white; }

.text_link_circle_arrow._blue { position: relative; font-size: 13px; padding-left: 1.5em; transition: 200ms ease all; box-sizing: border-box; }
.text_link_circle_arrow._blue:after { content: ""; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1.1em; height: 1.1em; background-size: 1.1em, 1.1em; background-repeat: no-repeat; background-image: url(/rakurakucloud/seisan/asset/image/icon/arrow_circle_blue.svg); transition: 200ms ease all; }
.text_link_circle_arrow._blue:hover { color: #007bc7; }
.text_link_circle_arrow._blue:hover:after { left: 2px; }

header { font-feature-settings: "palt" 1; letter-spacing: 1px; }
header a:hover { color: #007bc7; }

.header_sp { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; }
@media screen and (min-width: 1024px) { .header_sp { display: none; } }

.header_sp_bar { padding: 10px; background-color: white; border-bottom: 1px solid #dbdbda; box-sizing: border-box; }

.header_sp_logo_box { display: flex; align-items: center; }

.header_sp_logo_seisan { margin-right: 15px; border-right: 1px solid #ededed; padding-right: 15px; box-sizing: border-box; }
.header_sp_logo_seisan__logo_img { width: 95px; height: 30px; }

.header_sp_gnavi_main_rakus__logo { width: 26px; height: 30px; }

.header_sp_menu_button { position: absolute; width: 50px; height: 50px; background-color: #EDEDED; right: 0; top: 0; border: none; }
.header_sp_menu_button__line { display: inline-block; transition: all 0.4s; /*アニメーションの設定*/ position: absolute; left: 50%; transform: translateX(-50%); height: 2px; border-radius: 2px; background-color: #007bc7; width: 20px; }
.header_sp_menu_button__line:nth-of-type(1) { top: 15px; }
.header_sp_menu_button__line:nth-of-type(2) { top: 23px; }
.header_sp_menu_button__line:nth-of-type(3) { top: 31px; }
.header_sp_menu_button._js_header_sp_menu_button_active .header_sp_menu_button__line:nth-of-type(1) { top: 18px; left: 18px; transform: translateY(6px) rotate(-45deg); width: 30%; }
.header_sp_menu_button._js_header_sp_menu_button_active .header_sp_menu_button__line:nth-of-type(2) { opacity: 0; }
.header_sp_menu_button._js_header_sp_menu_button_active .header_sp_menu_button__line:nth-of-type(3) { top: 30px; left: 18px; transform: translateY(-6px) rotate(45deg); width: 30%; }

.header_sp_gnavi_main { display: none; box-shadow: 1px 10px 12px rgba(0, 0, 0, 0.1); position: fixed; overflow-y: scroll; height: 100%; width: 100%; }
.header_sp_gnavi_main__back_cover { display: block; width: 100%; height: 100vh; background-color: rgba(153, 202, 233, 0.5); z-index: -1; position: absolute; left: 0; top: 0; }

.header_sp_gnavi_main_index { background-color: #edecec; padding: 20px; box-sizing: border-box; }
.header_sp_gnavi_main_index__list { border-radius: 10px; overflow: hidden; }
.header_sp_gnavi_main_index__link { display: block; position: relative; color: #4c4948; border-bottom: 1px solid white; font-size: 14px; padding: 15px 25px; box-sizing: border-box; }
.header_sp_gnavi_main_index__link:after { position: absolute; display: block; content: ""; width: 7px; height: 7px; border-top: 1px solid #706d6d; border-right: 1px solid #706d6d; top: 0; right: 25px; bottom: 0; margin: auto; transform: rotate(45deg); transition: all ease 0.3s; }
.header_sp_gnavi_main_index__link__item { border-bottom: #706d6d; }
.header_sp_gnavi_main_index__link:hover { color: #007bc7; opacity: 1; }
.header_sp_gnavi_main_index__link:hover:after { right: 20px; border-color: #007bc7; }

.header_sp_gnavi_main_button { padding: 0px 20px 30px 20px; box-sizing: border-box; background-color: #edecec; margin: 0 0 50px 0; }
.header_sp_gnavi_main_button .button_round, .header_sp_gnavi_main_button .button_round_line { display: block; text-align: center; }
.header_sp_gnavi_main_button .button_round { margin-bottom: 15px; }
.header_sp_gnavi_main_button .button_round:last-of-type { margin-bottom: 0; }

.header_pc { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; background-color: white; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 1023px) { .header_pc { display: none; } }
.header_pc a { color: #4c4948; }
.header_pc a:hover { opacity: 1; }

.header_pc_tell { background-color: #f6f6f6; height: 29px; }
.header_pc_tell__list { display: flex; justify-content: flex-end; width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 5px; box-sizing: border-box; }
@media screen and (max-width: 1400px) { .header_pc_tell__list { max-width: 1200px; } }
.header_pc_tell__item { font-size: 12px; margin-right: 15px; line-height: initial; }
.header_pc_tell__item a { font-family: "Futura", "Avenir", "Open Sans", Verdana, sans-serif; }
.header_pc_tell__item a:hover { color: #007bc7; }
.header_pc_tell__item .number { letter-spacing: 0; }
.header_pc_tell__item:last-of-type { margin-right: 0; }

.header_pc_gnavi__inner { width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1400px) { .header_pc_gnavi__inner { max-width: 1200px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } }

.header_pc_gnavi_main { display: flex; align-items: center; }

.header_pc_gnavi_main_logo { margin-right: auto; }
.header_pc_gnavi_main_logo__logo_img { width: 157px; height: 49px; }
@media screen and (max-width: 1400px) { .header_pc_gnavi_main_logo__logo_img { width: 125px; height: 39px; } }
@media screen and (max-width: 1150px) { .header_pc_gnavi_main_logo__logo_img { width: 116px; height: 36px; } }

.header_pc_gnavi_main_index { margin-right: 25px; }
@media screen and (max-width: 1150px) { .header_pc_gnavi_main_index { margin-right: 15px; } }
@media screen and (max-width: 1050px) { .header_pc_gnavi_main_index { margin-right: 5px; } }
.header_pc_gnavi_main_index__list { display: flex; }
.header_pc_gnavi_main_index__link { display: inline-block; padding: 22px 15px 25px 15px; border-bottom: 3px solid white; font-size: 16px; height: 71px; box-sizing: border-box; }
@media screen and (max-width: 1400px) { .header_pc_gnavi_main_index__link { font-size: 15px; padding-right: 10px; padding-left: 10px; } }
@media screen and (max-width: 1200px) { .header_pc_gnavi_main_index__link { font-size: 14px; } }
@media screen and (max-width: 1050px) { .header_pc_gnavi_main_index__link { font-size: 13px; } }
.header_pc_gnavi_main_index__link:hover { color: #007bc7; border-bottom: 3px solid #007bc7; background-color: #E5F2FA; }
.header_pc_gnavi_main_index ._js_dropdown_open .header_pc_gnavi_main_index__link { color: #007bc7; border-bottom: 3px solid #007bc7; background-color: #E5F2FA; }
.header_pc_gnavi_main_index__item._faq .header_pc_gnavi_main_index__link { letter-spacing: 2px; }
.header_pc_gnavi_main_index__item._js_dropdown .header_pc_gnavi_main_index__link { box-sizing: border-box; }
@media screen and (min-width: 1401px) { .header_pc_gnavi_main_index__item._js_dropdown .header_pc_gnavi_main_index__link { padding-left: 18px; padding-right: 18px; } }

.header_pc_gnavi_main_index__item._function .header_pc_gnavi_main_index__link, .header_pc_gnavi_main_index__item._price .header_pc_gnavi_main_index__link, .header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index__link, .header_pc_gnavi_main_index__item._functionebooks .header_pc_gnavi_main_index__link { position: relative; text-align: center; }
.header_pc_gnavi_main_index__item._function .header_pc_gnavi_main_index__link:after, .header_pc_gnavi_main_index__item._price .header_pc_gnavi_main_index__link:after, .header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index__link:after, .header_pc_gnavi_main_index__item._functionebooks .header_pc_gnavi_main_index__link:after { position: absolute; display: block; content: ""; width: 6px; height: 6px; border-top: 1px solid #b7b6b6; border-right: 1px solid #b7b6b6; left: 50%; bottom: 8px; margin: auto; transform: translateX(-50%) rotate(135deg); transition: all ease 0.3s; }
.header_pc_gnavi_main_index__item._function .header_pc_gnavi_main_index__link:hover:after, .header_pc_gnavi_main_index__item._price .header_pc_gnavi_main_index__link:hover:after, .header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index__link:hover:after, .header_pc_gnavi_main_index__item._functionebooks .header_pc_gnavi_main_index__link:hover:after { border-color: #007bc7; border-width: 2px; bottom: 3px; }

.header_pc_gnavi_main_index__item._functionebooks .header_pc_gnavi_main_index__link { padding: 15px 15px 15px 15px; line-height: 1.2; }

.header_pc_gnavi_main_index__item._js_dropdown_open._function .header_pc_gnavi_main_index__link:after, .header_pc_gnavi_main_index__item._js_dropdown_open._price .header_pc_gnavi_main_index__link:after, .header_pc_gnavi_main_index__item._js_dropdown_open._casestudies .header_pc_gnavi_main_index__link:after, .header_pc_gnavi_main_index__item._js_dropdown_open._functionebooks .header_pc_gnavi_main_index__link:after { border-color: #007bc7; border-width: 2px; bottom: 3px; }

.header_pc { transition: 100ms ease all; }

.header_pc.scroll-type { transform: translateY(-30px); }
.header_pc.scroll-type .header_pc_gnavi._js_dropdown_open_cover:after { transform: translateY(30px); }

.header_pc_gnavi._js_dropdown_open_cover { background-color: white; box-shadow: 1px 10px 12px rgba(0, 0, 0, 0.05); box-sizing: border-box; }
.header_pc_gnavi._js_dropdown_open_cover._function { padding-bottom: 280px; }
@media screen and (max-width: 1200px) { .header_pc_gnavi._js_dropdown_open_cover._function { padding-bottom: 470px; } }
.header_pc_gnavi._js_dropdown_open_cover._price { padding-bottom: 230px; }
.header_pc_gnavi._js_dropdown_open_cover._casestudies { padding-bottom: 300px; }
.header_pc_gnavi._js_dropdown_open_cover._functionebooks { padding-bottom: 285px; }
.header_pc_gnavi._js_dropdown_open_cover:after { content: ""; display: inline-block; width: 100%; height: 100vh; background-color: rgba(153, 202, 233, 0.5); z-index: -4; position: absolute; left: 0; top: 0; }

.header_pc_gnavi_main_index_content { position: absolute; display: none; width: 100%; left: 0; top: 100px; padding-top: 25px; padding-bottom: 25px; box-sizing: border-box; border-top: 1px solid #f6f6f6; }
@media screen and (max-width: 1400px) { .header_pc_gnavi_main_index_content { padding-left: 20px; padding-right: 20px; } }
.header_pc_gnavi_main_index_content__inner { width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1400px) { .header_pc_gnavi_main_index_content__inner { max-width: 1200px; } }
.header_pc_gnavi_main_index_content__cta_area .button-round-shadow_hover_reverse__link { display: inline-block; }
.header_pc_gnavi_main_index_content__cta_area .button-round-shadow_hover_reverse__link:hover .button-round-shadow_hover_reverse__link-inner:after { right: 20px; }
.header_pc_gnavi_main_index_content__cta_area .button-round-shadow_hover_reverse__link-inner { padding: 15px 50px 15px 55px; box-sizing: border-box; }
.header_pc_gnavi_main_index_content__cta_area .button-round-shadow_hover_reverse__link-inner:after { width: 10px; height: 10px; right: 25px; }
.header_pc_gnavi_main_index_content__cta_area .button-round-shadow_hover_reverse__title { font-size: 18px; letter-spacing: 2px; }

.header_pc_gnavi_main_index_content_nav_area { display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 25px; }

.header_pc_gnavi_main_index_content_nav_area_invoice { display: block; margin-top: 10px; margin-bottom: 25px; }
.header_pc_gnavi_main_index_content_nav_area_invoice_catch { text-align: center; display: block; font-size: 20px; font-weight: bold; }
.header_pc_gnavi_main_index_content_nav_area_invoice_catch_blue { color: #007bc7; }

.header_pc_gnavi_main_index_content_head { margin-right: 30px; }
@media screen and (min-width: 1201px) and (max-width: 1400px) { .header_pc_gnavi_main_index_content_head { margin-right: 20px; } }
.header_pc_gnavi_main_index_content_head:last-of-type { margin-right: 0; }
.header_pc_gnavi_main_index_content_head__heading { font-weight: bold; font-size: 18px; margin-bottom: 20px; margin-left: 3px; }
@media screen and (min-width: 1201px) and (max-width: 1400px) { .header_pc_gnavi_main_index_content_head__heading { font-size: 16px; } }
.header_pc_gnavi_main_index_content_head .button_round { position: relative; font-size: 12px; padding: 9px 20px 9px 18px; box-sizing: border-box; }
.header_pc_gnavi_main_index_content_head .button_round:after { position: absolute; display: block; content: ""; width: 6px; height: 6px; border-top: 1px solid white; border-right: 1px solid white; top: 0; right: 8px; bottom: 0; margin: auto; transform: rotate(45deg); transition: all ease 0.3s; }
.header_pc_gnavi_main_index_content_head .button_round._blue:hover:after { border-color: #007bc7; }
.header_pc_gnavi_main_index_content_head .button_round:hover:after { right: 6px; }

.header_pc_gnavi_main_index_content_nav_button_area__list { display: flex; }
.header_pc_gnavi_main_index_content_nav_button_area__item { margin-right: 18px; }
@media screen and (max-width: 1400px) { .header_pc_gnavi_main_index_content_nav_button_area__item { margin-right: 10px; } }
.header_pc_gnavi_main_index_content_nav_button_area__item:last-of-type { margin-right: 0; }
.header_pc_gnavi_main_index_content_nav_button_area__linkbox { /*インボイス制度・電帳法ナビ用リンクボタン*/ display: flex; align-items: center; justify-content: center; padding: 20px 0 27px; }
.header_pc_gnavi_main_index_content_nav_button_area__linkbox_item { display: block; border: 1px solid #007bc7; border-radius: 10px; background-color: white; width: 340px; height: 55px; margin: 0 10px; text-align: right; position: relative; }
.header_pc_gnavi_main_index_content_nav_button_area__linkbox_item:hover { background-color: #007bc7; }
.header_pc_gnavi_main_index_content_nav_button_area__linkbox_item:hover .header_pc_gnavi_main_index_content_nav_button_area__linkbox_link { color: white; }
.header_pc_gnavi_main_index_content_nav_button_area__linkbox_item:hover .header_pc_gnavi_main_index_content_nav_button_area__linkbox_link:after { border-top: 2px solid #FFF; border-right: 2px solid #FFF; }
.header_pc_gnavi_main_index_content_nav_button_area__linkbox_item:before { color: white; }
.header_pc_gnavi_main_index_content_nav_button_area__linkbox_item:last-child { text-align: left; }
.header_pc_gnavi_main_index_content_nav_button_area__linkbox_link { display: block; text-align: center; line-height: 55px; font-size: 16px; font-weight: bold; position: relative; padding: 0 40px 0 20px; }
.header_pc_gnavi_main_index_content_nav_button_area__linkbox_link:after { position: absolute; display: block; content: ""; width: 8px; height: 8px; border-top: 2px solid #007bc7; border-right: 2px solid #007bc7; top: 0; right: 25px; bottom: 0; margin: auto; transform: rotate(45deg); transition: all ease 0.3s; }
.header_pc_gnavi_main_index_content_nav_button_area__linkbox_link:hover { color: white; }
.header_pc_gnavi_main_index_content_nav_button_area__linkbox_link:hover:after { border-top: 2px solid #FFF; border-right: 2px solid #FFF; }

.header_pc_gnavi_main_index_content_nav_box_button { display: inline-block; border: 1px solid #007bc7; border-radius: 10px; background-color: white; width: 100px; height: 100px; }
.header_pc_gnavi_main_index_content_nav_box_button__text { font-size: 14px; text-align: center; line-height: 1.2; }
.header_pc_gnavi_main_index_content_nav_box_button._journalize .header_pc_gnavi_main_index_content_nav_box_button__text, .header_pc_gnavi_main_index_content_nav_box_button._h_workflow .header_pc_gnavi_main_index_content_nav_box_button__text { position: relative; top: -5px; font-size: 12px; }
.header_pc_gnavi_main_index_content_nav_box_button__icon:after { content: ""; display: inline-block; width: 100%; height: 63px; background-size: contain; background-repeat: no-repeat; }
.header_pc_gnavi_main_index_content_nav_box_button:hover { background-color: #007bc7; }
.header_pc_gnavi_main_index_content_nav_box_button:hover .header_pc_gnavi_main_index_content_nav_box_button__text { color: white; }

.header_pc_gnavi_main_index_content_nav_box_button__icon._icon_money:after { background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_money.svg"); background-size: 52px 38px; background-position: top 15px right 50%; }
.header_pc_gnavi_main_index_content_nav_box_button:hover .header_pc_gnavi_main_index_content_nav_box_button__icon._icon_money:after { background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_money--white.svg"); }

.header_pc_gnavi_main_index_content_nav_box_button__icon._icon_train:after { background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_train.svg"); background-size: 35px 37px; background-position: top 17px right 50%; }
.header_pc_gnavi_main_index_content_nav_box_button:hover .header_pc_gnavi_main_index_content_nav_box_button__icon._icon_train:after { background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_train--white.svg"); }

.header_pc_gnavi_main_index_content_nav_box_button__icon._icon_browser_document:after { background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_browser_document.svg"); background-size: 43px 31px; background-position: top 21px right 50%; }
.header_pc_gnavi_main_index_content_nav_box_button:hover .header_pc_gnavi_main_index_content_nav_box_button__icon._icon_browser_document:after { background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_browser_document--white.svg"); }

.header_pc_gnavi_main_index_content_nav_box_button__icon._icon_soft:after { background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_soft.svg"); background-size: 41px 38px; background-position: top 15px right 52%; }
.header_pc_gnavi_main_index_content_nav_box_button:hover .header_pc_gnavi_main_index_content_nav_box_button__icon._icon_soft:after { background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_soft--white.svg"); }

.header_pc_gnavi_main_index_content_nav_box_button__icon._icon_document-money:after { background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_document-money.svg"); background-size: 29px 41px; background-position: top 15px right 50%; }
.header_pc_gnavi_main_index_content_nav_box_button:hover .header_pc_gnavi_main_index_content_nav_box_button__icon._icon_document-money:after { background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_document-money--white.svg"); }

.header_pc_gnavi_main_index_content_nav_box_button__icon._icon_stamp:after { background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_stamp.svg"); background-size: 36px 41px; background-position: top 13px right 50%; }
.header_pc_gnavi_main_index_content_nav_box_button:hover .header_pc_gnavi_main_index_content_nav_box_button__icon._icon_stamp:after { background-image: url("/rakurakucloud/seisan/asset/image/icon/icon_stamp--white.svg"); }

.header_pc_gnavi_main_button { display: flex; align-items: center; justify-content: flex-end; margin-right: 30px; }
@media screen and (max-width: 1150px) { .header_pc_gnavi_main_button { margin-right: 20px; } }
.header_pc_gnavi_main_button .button_round, .header_pc_gnavi_main_button .button_round_line { display: flex; align-items: center; min-height: 44px; padding: 10px 15px; box-sizing: border-box; }
.header_pc_gnavi_main_button .button_round { margin-right: 10px; }
@media screen and (max-width: 1400px) { .header_pc_gnavi_main_button .button_round { font-size: 14px; } }
@media screen and (max-width: 1200px) { .header_pc_gnavi_main_button .button_round { font-size: 13px; } }
@media screen and (max-width: 1150px) { .header_pc_gnavi_main_button .button_round { margin-right: 5px; } }
.header_pc_gnavi_main_button .button_round._price { font-size: 14px; padding-left: 17px; padding-right: 17px; box-sizing: border-box; }
@media screen and (max-width: 1400px) { .header_pc_gnavi_main_button .button_round._price { font-size: 12px; } }
@media screen and (max-width: 1200px) { .header_pc_gnavi_main_button .button_round._price { font-size: 11px; } }

.header_pc_gnavi_main_rakus__logo { width: 40px; height: 46.5px; }
@media screen and (max-width: 1400px) { .header_pc_gnavi_main_rakus__logo { width: 30px; height: 36.5px; } }

@media screen and (max-width: 1200px) { .header_pc_gnavi_main_index__item._function .header_pc_gnavi_main_index_content_nav_area { justify-content: center; flex-wrap: wrap; } }
@media screen and (max-width: 1200px) { .header_pc_gnavi_main_index__item._function .header_pc_gnavi_main_index_content_head { width: 100%; max-width: 750px; margin-left: auto; margin-right: auto; margin-bottom: 20px; display: flex; }
  .header_pc_gnavi_main_index__item._function .header_pc_gnavi_main_index_content_head:last-of-type { margin-bottom: 0; } }
@media screen and (max-width: 1200px) { .header_pc_gnavi_main_index__item._function .header_pc_gnavi_main_index_content_head__heading { margin-bottom: 0; margin-right: 10px; width: 100%; max-width: 180px; } }
@media screen and (max-width: 1200px) { .header_pc_gnavi_main_index__item._function .header_pc_gnavi_main_index_content_head .button_round { width: 100%; max-width: 140px; text-align: center; } }
@media screen and (min-width: 1201px) and (max-width: 1400px) { .header_pc_gnavi_main_index__item._function .header_pc_gnavi_main_index_content_head .button_round { padding-right: 18px; padding-left: 14px; } }
.header_pc_gnavi_main_index__item._function .header_pc_gnavi_main_index_content_nav_button_area { box-sizing: border-box; }
@media screen and (max-width: 1200px) { .header_pc_gnavi_main_index__item._function .header_pc_gnavi_main_index_content_nav_button_area { width: 100%; max-width: 750px; margin-left: auto; margin-right: auto; margin-bottom: 25px; padding-right: 0; padding-bottom: 25px; border-right: none; border-bottom: 1px dashed #dbdbda; } }
@media screen and (min-width: 1401px) { .header_pc_gnavi_main_index__item._function .gnavi_line_right { margin-right: 30px; padding-right: 30px; } }
@media screen and (min-width: 1201px) and (max-width: 1400px) { .header_pc_gnavi_main_index__item._function .gnavi_line_right { margin-right: 20px; padding-right: 20px; } }
@media screen and (min-width: 1201px) { .header_pc_gnavi_main_index__item._function .gnavi_line_right { border-right: 1px dashed #dbdbda; } }

.header_pc_gnavi_main_index__item._price .header_pc_gnavi_main_index_content { padding-top: 50px; box-sizing: border-box; }
.header_pc_gnavi_main_index__item._price .header_pc_gnavi_main_index_content__cta_area { display: flex; justify-content: center; flex-wrap: wrap; }
.header_pc_gnavi_main_index__item._price .header_pc_gnavi_main_index_content__cta_area .button-round-shadow_hover_reverse { margin-right: 50px; margin-bottom: 20px; }
.header_pc_gnavi_main_index__item._price .header_pc_gnavi_main_index_content__cta_area .button-round-shadow_hover_reverse:last-of-type { margin-right: 0; }
.header_pc_gnavi_main_index__item._price .header_pc_gnavi_main_index_content__cta_area .button-round-shadow_hover_reverse__link { min-width: 320px; }
.header_pc_gnavi_main_index__item._price .header_pc_gnavi_main_index_content__cta_area .button-round-shadow_hover_reverse__link-inner { padding: 15px 4tpx 15px 45px; box-sizing: border-box; }
.header_pc_gnavi_main_index__item._price .header_pc_gnavi_main_index_content__cta_area .text_link_box { width: 100%; text-align: center; }
.header_pc_gnavi_main_index__item._price .header_pc_gnavi_main_index_content__cta_area .text_link_box .text_link_circle_arrow { margin-right: 50px; font-size: 16px; font-weight: bold; }
.header_pc_gnavi_main_index__item._price .header_pc_gnavi_main_index_content__cta_area .text_link_box .text_link_circle_arrow:after { width: 1em; height: 1em; background-size: 1em; }

@media screen and (max-width: 1200px) { .header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_area { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; } }
.header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_button_area__link:hover .header_pc_gnavi_main_index_content_nav_box_button { background-color: white; }
.header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_button_area__link:hover .header_pc_gnavi_main_index_content_nav_box_button__text { background-color: #007bc7; color: white; }
.header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_button_area__link:hover .header_pc_gnavi_main_index_content_nav_box_button__link_text { color: #007bc7; }
.header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_button_area__link:hover .header_pc_gnavi_main_index_content_nav_box_button__link_text:after { left: 2px; }
.header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_button_area__link:hover .header_pc_gnavi_main_index_content_nav_box_button__photo { transform: scale(1.07); }
.header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_box_button { width: 260px; height: 110px; overflow: hidden; }
.header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_box_button__photo_box { display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; background-color: white; }
.header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_box_button__photo { transition: 200ms ease all; }
.header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_box_button__photo._logo_tokyogas { max-width: 150px; }
.header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_box_button__photo._logo_mainichi { max-width: 107px; }
.header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_box_button__photo._logo_sandvik { max-width: 92px; }
.header_pc_gnavi_main_index__item._casestudies .header_pc_gnavi_main_index_content_nav_box_button__text { display: flex; align-items: center; justify-content: center; font-size: 12px; letter-spacing: 0px; text-align: center; font-weight: bold; background-color: #E5F2FA; padding: 5px 0 8px 0; height: 40px; transition: 200ms ease all; box-sizing: border-box; }
.header_pc_gnavi_main_index__item._casestudies .text_link_circle_arrow._blue:after { top: 0.2em; transform: translateY(0); }

.accordion-area { list-style: none; max-width: 900px; margin: 0 auto; }

.accordion-area li { margin: 10px 0; }

/*アコーディオンタイトル*/
.header_acordion-title { position: relative; /*+マークの位置基準とするためrelative指定*/ cursor: pointer; font-size: 14px; padding: 15px 25px; transition: all .5s ease; border-bottom: 1px solid white; }

/*アイコンの＋と×*/
.header_acordion-title::before, .header_acordion-title::after { position: absolute; content: ''; width: 15px; height: 2px; background-color: #007bc7; }

.header_acordion-title::before { top: 24px; right: 15px; transform: rotate(90deg); z-index: 999; }

.header_acordion-title::after { top: 24px; right: 15px; transform: rotate(0deg); z-index: 999; display: block; text-align: center; }

/*　closeというクラスがついたら形状変化　*/
.header_acordion-title.close::before { transform: rotate(0deg); }

.header_acordion-title.close::after { display: none; }

/*アコーディオンで現れるエリア*/
.header_acordion__inner { display: flex; background: #f3f3f3; flex-wrap: wrap; text-align: left; }

.header_acordion__link { font-size: 14px; width: 50%; padding: 15px; background-color: #ffffff; border-bottom: 1px solid #edecec; box-sizing: border-box; }

.header_acordion__link a { color: #4c4948; }

.header_acordion__link-border { border-left: 1px solid #edecec; }

.header_acordion__link-border.text_blue a { color: #007bc7; }

span.header-acordion-icon__bg { top: 10px; position: absolute; right: 2%; height: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: white; width: 30px; height: 30px; }
@media screen and (min-width: 768px) { span.header-acordion-icon__bg { right: 1%; } }

.cvarea_cta .cta-common03 { width: 100%; padding: 48px 0 40px; background: #007bc7; position: relative; z-index: 0; }

.cvarea_cta .cta-common03__title01 { color: #ffc530; font-size: 36px; text-align: center; letter-spacing: 2px; line-height: 1.4; }

.cvarea_cta .cta-common03__infomation { font-size: 16px; text-align: center; font-weight: bold; margin: 10px auto; width: 100%; max-width: 750px; padding: 10px; box-sizing: border-box; background: none; color: #fff; margin-top: 16px; }

.cvarea_cta .cta-common03__title01 .annotation { font-size: 12.8px; }

.cvarea_cta .cta-common03__box { margin: 32px auto 0; }

.cvarea_cta .cta-common03__box__left__balloon { margin: 0 auto; background: #f8a411; }

.cvarea_cta .cta-common03__box__right__balloon { margin: 54px auto 0; background: #fff; }

.cvarea_cta .cta-common03__box__left__balloon, .cvarea_cta .cta-common03__box__right__balloon { float: none; width: 52%; max-width: 540px; border-radius: 10px; box-sizing: border-box; text-align: left; padding: 0; border-width: 2px; border-color: #fff; border-style: solid; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; }

.cvarea_cta .cta-common03__box__left__balloon a, .cvarea_cta .cta-common03__box__right__balloon a { padding: 30px 16px 26px; }

.cvarea_cta .cta-common03__box__left__balloon a:hover, .cvarea_cta .cta-common03__box__right__balloon a:hover { opacity: 1; }

.cvarea_cta .cta-common03 p.cta-common03__balloon { position: relative; display: table; margin: -55px auto 15px auto; height: auto; padding: 8px 40px; border-radius: 40px; border: 2px solid #007bc7; color: #007bc7; background: #fff none; font-weight: bold; }

.cvarea_cta .cta-common03__box p, .cvarea_cta .cta-common03__box p span { color: #007bc7; }

.cvarea_cta p.cta-common03__balloon::before { content: none; }

.cvarea_cta p.cta-common03__balloon::after { position: absolute; top: auto; bottom: -8px; left: 50%; z-index: 10; display: inline-block; width: 13px; height: 13px; border-width: 0 2px 2px 0; border-color: #007bc7; border-style: solid; background-color: #fff; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); content: ""; }

@media all and (-ms-high-contrast: none) { .cvarea_cta p.cta-common03__balloon::after { bottom: -5px; } }
@-moz-document url-prefix() { .cvarea_cta p.cta-common03__balloon::after { bottom: -5px; } }
@supports (-ms-ime-align: auto) { .cvarea_cta p.cta-common03__balloon::after { bottom: -5px; } }
.index_main .cvarea_cta .cta-common03__box .cta__btn, .cvarea_cta .cta-common03__box .cta__btn { position: relative; padding: 0 0 0 70px; text-align: right; }

.cvarea_cta .img-add-doc::before, .cvarea_cta .img-add-doc:hover::before { position: absolute; top: 50%; left: 10px; right: auto; z-index: 10; width: 120px; height: 80px; background: url(/rakurakucloud/seisan/assets/image/placeholder.png) center/0 0 no-repeat; background-size: 100%; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; transform: translateY(-30%); content: ""; margin: auto; }

.no-webp .cvarea_cta .img-add-doc::before, .no-webp .cvarea_cta .img-add-doc:hover::before { background-image: url(/rakurakucloud/seisan/common/img/img-minidoc.png); }

.webp .cvarea_cta .img-add-doc::before, .webp .cvarea_cta .img-add-doc:hover::before { background-image: url(/rakurakucloud/seisan/common/img/img-minidoc.webp); }

.cvarea_cta .img-add-doc2::before, .cvarea_cta .img-add-doc2:hover::before { position: absolute; top: 50%; left: 0; right: auto; z-index: 10; width: 120px; height: 80px; background: url(/rakurakucloud/seisan/assets/image/placeholder.png) center/0 0 no-repeat; background-size: 100%; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; transform: translateY(-25%); content: ""; margin: auto; }

.no-webp .cvarea_cta .img-add-doc2::before, .no-webp .cvarea_cta .img-add-doc2:hover::before { background-image: url(/rakurakucloud/seisan/common/img/img-seisanloginscreen.png); }

.webp .cvarea_cta .img-add-doc2::before, .webp .cvarea_cta .img-add-doc2:hover::before { background-image: url(/rakurakucloud/seisan/common/img/img-seisanloginscreen.webp); }

.cvarea_cta .cta__btn.img-add-doc + p, .cvarea_cta .cta__btn.img-add-doc2 + p { position: relative; z-index: 10; padding: 0 0 0 80px; text-align: center; }

.cvarea_cta .cta__btn.img-add-doc + p { color: #fff; }

.cvarea_cta .cta__btn span.btn_style { position: relative; z-index: 1; height: inherit; margin: 0 0 4px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28.5px; font-weight: bold; border: none; border-radius: 0; line-height: 1.2; text-align: center; vertical-align: middle; text-decoration: none; }

.cvarea_cta .cta__btn span.btn_style::after { position: absolute; top: 50%; right: 12.5px; display: block; height: 0; width: 0; border: 12px transparent solid; border-right-width: 0; border-left-color: #ffffff; content: ""; }

.cvarea_cta .cta__btn.img-add-doc2 span.btn_style { color: #007bc7; font-size: 25.5px; }

.cvarea_cta .cta__btn.img-add-doc2 span.btn_style::after { border-left-color: #007bc7; }

.cvarea_cta .img-add-doc::after, .cvarea_cta .img-add-doc2::after { content: none; }

.cvarea_cta .cta-common03__comment { text-align: center; margin: 20px 20px 0; color: #fff; font-size: 11px; }

.cvarea_cta .cta-common03__box__left__balloon:hover { background: #fff; }

.cvarea_cta .cta-common03__box__left__balloon:hover .cta__btn span.btn_style { color: #007bc7; }

.cvarea_cta .cta-common03__box__left__balloon:hover .cta__btn.img-add-doc + p { color: #007bc7; }

.cvarea_cta .cta-common03__box__left__balloon:hover .cta__btn span.btn_style::after { border-left-color: #007bc7; }

.cvarea_cta .cta-common03__box__right__balloon:hover { background-color: #f8a411; }

.cvarea_cta .cta-common03__box__right__balloon:hover .cta__btn.img-add-doc + p { color: #f8a411; border-color: #fff; }

.cvarea_cta .cta-common03__box__right__balloon:hover .cta__btn.img-add-doc2 + p { color: #fff; }

.cvarea_cta .cta-common03__box__right__balloon:hover .cta__btn.img-add-doc2 span.btn_style { color: #fff; }

.cvarea_cta .cta-common03__box__right__balloon:hover .cta__btn.img-add-doc2 span.btn_style::after { border-left-color: #fff; }

@media screen and (max-width: 1000px) { .cvarea_cta .cta-common03__box__left__balloon, .cvarea_cta .cta-common03__box__right__balloon { width: 90%; } }
@media screen and (max-width: 520px) { .cvarea_cta .cta-common03__title01 { font-size: 28.8px; letter-spacing: 0; }
  .cvarea_cta .cta-common03__box__left__balloon a, .cvarea_cta .cta-common03__box__right__balloon a { padding: 30px 16px 20px; }
  .cvarea_cta .cta-common03 p.cta-common03__balloon { padding: 8px 15px; }
  .cta-common03_bottom p.cta-common03__balloon { font-size: 16px; letter-spacing: -0.3px; }
  .cvarea_cta .cta__btn span.btn_style { font-size: 24px; margin: 0 0 10px; }
  .cvarea_cta .cta__btn.img-add-doc2 span.btn_style { font-size: 22.4px; margin: 0 0 10px; }
  .cvarea_cta .cta__btn span.btn_style::after { display: none; }
  .cvarea_cta .cta__btn.img-add-doc + p, .cvarea_cta .cta__btn.img-add-doc2 + p { font-size: 0.9em; padding: 0; }
  .cta-common03_bottom .cta__btn.img-add-doc + p, .cta-common03_bottom .cta__btn.img-add-doc2 + p { font-size: 14.4px; }
  .cvarea_cta .img-add-doc::before, .cvarea_cta .img-add-doc:hover::before { top: 0; bottom: 0; width: 80px; height: 50px; transform: none; }
  .cvarea_cta .img-add-doc2::before, .cvarea_cta .img-add-doc2:hover::before { top: 0; bottom: 0; width: 90px; height: 60px; transform: none; }
  .cvarea_cta .cta-common03__infomation { font-size: 13.44px; } }
.cta-sec .cta-ttl { position: relative; margin: 0 auto 20px; color: #ffc530; font-size: 28.8px; text-align: center; font-weight: 500; display: table; line-height: 1.7; }

.cta-sec .cta-ttl::before { content: ""; position: absolute; top: 55%; display: inline-block; width: 80px; height: 2px; background-color: #ffc530; -webkit-transform: rotate(60deg); transform: rotate(60deg); left: -90px; }

.cta-sec .cta-ttl::after { content: ""; position: absolute; top: 55%; display: inline-block; width: 80px; height: 2px; background-color: #ffc530; -webkit-transform: rotate(-60deg); transform: rotate(-60deg); right: -90px; }

.cta-sec .btn-2wrap { display: flex; justify-content: space-between; width: 96%; max-width: 1000px; margin: 0 auto; position: inherit; z-index: 5; }

.cta-sec .cta-btn { margin: 10px 0 0; width: 48%; }

.cta-sec .btn-style { position: relative; padding: 15px 20px 20px 60px; box-sizing: border-box; display: block; background-color: #f8a411; border-radius: 5px; color: #fff; text-decoration: none; text-align: center; vertical-align: middle; border: 3px solid #f8a411; line-height: 1.2; align-items: center; justify-content: center; z-index: 1; }

.cta-sec .btn-style:hover { background-color: #fff; color: #f8a411; }

.cta-sec .btn-style:after { content: ""; position: absolute; height: 0; width: 0; display: block; border: 12px transparent solid; border-right-width: 0; border-left-color: #ffffff; top: calc(50% - 11px); right: 12.8‬px; }

.cta-sec .btn-style:hover:after { border-left-color: #f8a411; }

.cta-sec .balloon { position: relative; top: 10px; left: 50%; transform: translateX(-50%); display: inline-block; padding: 8px 30px 10px; background: #fff; border: 2px solid #007bc7; border-radius: 40px; color: #007bc7; font-size: 18.4px; font-weight: bold; text-align: center; z-index: 10; }

.cta-sec .balloon:after { content: ""; position: absolute; width: 10px; height: 10px; border: 2px solid; border-color: transparent transparent #007bc7 #007bc7; transform: rotate(-45deg); left: 50%; bottom: -7px; background: #fff; }

.cta-sec .cta-btn-main { margin: 13px 0; font-size: 22.4px; font-weight: bold; }

.cta-sec .cta-btn-sub { font-size: 16px; letter-spacing: 0.03em; }

.cta-btn-siryou .btn-style:before { content: ""; background-image: url(/rakurakucloud/seisan/common/img/img-minidoc.png); background-size: 100%; background-repeat: no-repeat; width: 87px; height: 50px; position: absolute; left: 20px; top: 30px; }

.cta-btn-trial .btn-style:before { content: ""; background-image: url(/rakurakucloud/seisan/common/img/img-seisanloginscreen.png); background-size: 100%; background-repeat: no-repeat; width: 87px; height: 50px; position: absolute; left: 15px; top: 35px; }

@media screen and (max-width: 767px) { .cta-sec .cta-ttl { font-size: 19.2px; line-height: 1.6; }
  .cta-sec .cta-ttl::before, .cta-sec .cta-ttl::after { display: none; }
  .cta-sec .btn-2wrap { flex-direction: column; }
  .cta-sec .cta-btn { width: 100%; }
  .cta-sec .cta-btn:first-of-type { margin: 0; }
  .cta-sec .balloon { padding: 6px 20px 8px; font-size: 14.4px; }
  .cta-sec .btn-style { padding: 15px 20px; }
  .cta-sec .cta-btn-main { margin: 5px 0 8px; font-size: 19.2px; }
  .cta-sec .cta-btn-sub { font-size: 12.8px; }
  .cta-btn-siryou .btn-style:before, .cta-btn-trial .btn-style:before { display: none; }
  .cta-sec .btn-style:after { border: 8px transparent solid; }
  .cta-common03 .spview_1 .cta-common03__box__right__balloon, .cta-common03 .spview_2 .cta-common03__box__left__balloon { display: none; } }
#footer_cta { margin-top: 0; margin-bottom: 3em; padding: 50px 0; text-align: center; border-bottom: 1px solid #cccccc; }

@media screen and (max-width: 1023px) { #footer_cta { margin-top: 2em; margin-bottom: 2em; } }
@media screen and (max-width: 767px) { #footer_cta { margin-top: 1em; margin-bottom: 1em; } }
#footer { margin-top: 70px; background: #eeeeee; color: #4c4948; }

.footer_wrap { position: relative; padding: 30px 0; }

.footer_page_top { position: absolute; right: 0; top: -36px; z-index: 1; }

.footer_page_top a { display: inline-block; padding: 0.75em 1.25em; border-radius: 4px 4px 0 0; font-size: 13‬px; line-height: 100%; text-decoration: none; -webkit-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; background-color: #eee; background-image: none; border: none; box-shadow: none; color: #007bc7; }

.footer_page_top a:focus, .footer_page_top a:active, .footer_page_top a:hover { color: #fff; background-color: #007bc7; }

.footer_page_top:after { display: none; }

.footer_page_top .arrow { margin-right: 0.5em; }

.no-cssgradients .footer_page_top a { background: #007bc7 url(/rakurakucloud/seisan/common/img/btn_gradient_blue.svg) no-repeat 0 0; background-size: cover; }

.no-cssgradients .footer_page_top a:hover { background: #007bc7; }

.footer_title_bar { position: relative; z-index: 2; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #2597d8; }

.footer_title_bar:before { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; font-size: 0; line-height: 0; border-top: 1px solid #007bc7; }

.footer_title { float: left; }

.footer_contact { float: right; text-align: right; width: 70%; margin: 0 auto; box-sizing: border-box; }
.footer_contact .tel_list { line-height: 180%; }

.footer_contact.tel_set p { color: #666; }

.footer_contact.tel_set .footer_contact_open { border-bottom: 1px solid #ccc; padding: 0 0 0.5em 0; margin-bottom: 10px; }

.footer_contact_annotation { font-size: 11px; text-align: center; }

.footer_nav_bar { padding-bottom: 10px; }

@media screen and (min-width: 768px) { .footer_nav_bar > div { display: flex; justify-content: space-around; } }
.footer_nav_bar li { font-size: 11px; line-height: 140%; }

.footer_nav_bar a { color: #4c4948; text-decoration: none; }

.footer_nav_bar a:focus, .footer_nav_bar a:hover, .footer_nav_bar a:active { color: #f6ad48; }

.footer_nav_title { font-size: 13px; line-height: 140%; margin-bottom: 0.5em; }

.footer_nav_cats { float: left; min-height: 172px !important; }

.footer_nav_cats nav { float: left; margin-left: 0.75em; }

.footer_nav_cats nav ~ nav { margin-left: 1.5em; }

.footer_nav_cats li { margin: 0.5em 0; }

.footer_nav_cats a { display: inline-block; text-indent: -1.25em; padding-left: 1.25em; }

.footer_nav_cats nav.footer_nav_container02 { float: none; }

.footer_nav_pc_break { display: block; margin-left: 1.25em; }

@media (min-width: 1000px) { .footer_action_bar.switcher_m_only { display: none; } }
@media (max-width: 1000px) { .footer_action_bar.switcher_m_only { display: block; } }
.footer_action_bar { padding: 20px 20px 5px 20px; text-align: center; border-top: 1px solid #c3c3c3; }

.footer_action_bar ul { display: flex; justify-content: center; }

.footer_action_bar li { margin: 0 10px 8px 0; }

.footer_action_bar a { width: 160px; font-size: 12px; line-height: 140%; font-weight: bold; letter-spacing: 0px; }

.footer_action_bar_partner { color: #fff; text-decoration: underline; position: relative; }

.footer_action_bar a.footer_action_bar_partner { font-weight: normal; color: #4c4948; text-decoration: none; text-align: center; letter-spacing: 1px; /*display: block;*/ }

.footer_action_bar a.footer_action_bar_partner br { display: none; }

.footer_action_bar a.footer_action_bar_partner:hover { color: #f6ad48; }

.footer_action_bar a.footer_action_bar_partner.bluefooter:visited { color: #fff; }

.footer_action_bar a.footer_action_bar_partner.bluefooter:hover { color: #f6ad48; }

.footer_action_bar_partner::before { content: "＞"; display: inline-block; padding-right: 5px; }

.footer_subcat_arrow { position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 0.125em; }

.footer_subcat_arrow:before { content: " "; position: absolute; left: 50%; top: 50%; width: 5px; height: 5px; margin: -3px; border-bottom: 1px solid #007bc7; border-left: 1px solid #007bc7; font-size: 5px; line-height: 5px; }

.footer_contact .tel_place_capsule { display: inline-block; padding: 0 0.75em; background: #007bc7; border-radius: 1em; color: #fff; }

@media screen and (max-width: 1023px) { #footer { margin-top: 40px; }
  .footer_page_top { right: 25px; }
  .footer_wrap { padding: 15px 0; }
  .footer_title_logo { width: auto; height: 30px; }
  .footer_contact { width: 80%; margin-bottom: 10px; }
  .footer_contact.tel_set .footer_contact_open { text-align: center; margin-bottom: 10px; }
  .footer_nav_bar { clear: both; float: none; }
  .footer_nav_cats { min-height: 140px; margin-right: 1.5em; padding-right: 0; border-right: 0; }
  .footer_nav_cats:first-child { padding-left: 0; border-left: 0; }
  .footer_nav_cats nav { float: left; margin-left: 0.5em; }
  .footer_nav_cats nav ~ nav { margin-left: 0.5em; }
  .footer_nav_cats li { margin: 0.25em 0; }
  .footer_nav_cats nav.footer_nav_container02 { float: left; }
  .footer_action_bar { clear: both; float: none; letter-spacing: -0.35em; text-align: center; }
  .footer_action_bar li { display: inline-block; width: 48.5%; margin: 0 5px; letter-spacing: 0; }
  .footer_action_bar a { width: 100%; font-size: 14px; line-height: 140%; font-weight: bold; display: inline-block; }
  .footer_action_bar a.footer_action_bar_partner { padding: 10px 0; margin-top: 10px; } }
@media screen and (max-width: 767px) { #footer { margin-top: 50px; }
  .footer_page_top { right: 50%; margin-right: -4.5em; }
  .footer_title { float: none; width: 100%; }
  .footer_contact { float: none; width: 100%; margin: 10px 0; text-align: left; }
  .footer_contact .tel_list { font-size: 12px; line-height: 120%; }
  .footer_contact .tel_list_item { display: inline-block; width: 49%; margin: 0 0 0.5em; }
  .footer_contact .tel_place { margin-left: 0; font-size: 9px; line-height: 140%; }
  .footer_contact .tel_place_capsule { font-size: 8px; line-height: 140%; }
  .footer_contact .tel_list_number { font-size: 12px; line-height: 140%; }
  .footer_contact_open { margin-top: 0; }
  .footer_nav_bar { float: none; }
  .footer_nav_bar li { font-size: 10px; line-height: 140%; }
  .footer_nav_title { font-size: 12px; line-height: 140%; }
  .footer_nav_cats { min-width: 37%; min-height: 0; margin: 0 1em 0.5em 0; padding-right: 0; border-right: 0; }
  .footer_nav_cats:first-child { margin-left: 0; padding-left: 0; border-left: 0; min-height: 12px !important; }
  .footer_nav_cats, .footer_nav_cats:first-child { border: none; }
  .footer_nav_cats:last-child { margin-right: 0; padding-right: 0; }
  .footer_nav_cats nav { margin: 0.25em 0; }
  .footer_nav_cats li { margin: 0.25em 0; }
  .footer_action_bar { letter-spacing: 0; padding: 30px 0 10px; }
  .footer_action_bar ul { width: 100%; }
  .footer_action_bar li { width: 100%; }
  .footer_action_bar a { width: 100%; padding: 0.7em; }
  .footer_action_bar ul a .sprite_action_icons { background: url(/rakurakucloud/seisan/common/img/sprite_action_icons.png) no-repeat 0 0; }
  .footer_action_bar ul a .sprite_action_icons { background: url(/rakurakucloud/seisan/common/img/sprite_action_icons.png) no-repeat 0 0; } }
@media screen and (max-width: 425px) { .footer_contact .tel_place { display: block; } }
@media screen and (max-width: 320px) { .footer_action_bar ul { display: block; }
  .footer_action_bar li { margin: 0 0 10px 0; } }
#banners { margin-top: 2em; }

.banner-flex { display: flex; flex-wrap: wrap; justify-content: center; }

.banner-flex li { margin: 5px; }

.banner-flex a { display: block; position: relative; }

.banner-flex a:hover { opacity: 0.6; }

.banner-flex a:after { content: " "; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0 solid #007bc7; -webkit-transition: border 0.25s ease-in-out; transition: border 0.25s ease-in-out; }

.banner-flex a:hover:after { border: 4px solid #007bc7; }

.banner-rseries li { width: 33%; margin: 0; padding: 5px; box-sizing: border-box; }

.banner-rseries a { padding: 18px 4px 22px; }

.banner-rseries a:before { content: " "; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #f1f4f6; }

.banner-rseries a#meisai { color: #00a33e; }

.banner-rseries a#roumu { color: #325ca0; }

.banner-rseries a#hanbai { color: #c04251; }

.banner-rseries a#kintai { color: #081059; }

.banner-rseries img { width: 100%; height: auto; }

.banner-rseries a .sub_ttl { display: block; font-size: 11.2px; font-feature-settings: "palt"; font-family: "A-OTF UD新丸ゴ Pro", "Noto Sans CJK JP", "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; letter-spacing: 1px; color: inherit; margin: 0 0 0.4em; }

.banner-rseries a .img_logo { display: block; width: 140px; margin: auto; }

.banner-rseries a .img_logo::after { content: " "; box-sizing: border-box; position: absolute; right: 12px; bottom: 12px; width: 19px; height: 13px; background: url(/rakurakucloud/seisan/common/img/icon-link.svg) no-repeat; }

.banner-grid { /*  margin: 0 -13px;
letter-spacing: -0.35em;*/ text-align: center; }

.banner-grid li { display: inline-block; margin: 13px; letter-spacing: 0; *display: inline; /* for IE7 */ *zoom: 1; /* for IE7 */ }

.banner-grid a { display: block; position: relative; }

.banner-grid a:after { content: " "; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0 solid #007bc7; -webkit-transition: border 0.25s ease-in-out; transition: border 0.25s ease-in-out; }

.banner-grid a:hover:after { border: 4px solid #007bc7; }

.bnr_column { margin: 40px 0; text-align: center; }

.bnr_column a { display: block; position: relative; width: 400px; margin: 0 auto; }

.bnr_column a:after { content: " "; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0 solid #007bc7; -webkit-transition: border 0.25s ease-in-out; transition: border 0.25s ease-in-out; }

.bnr_column a:hover:after { border: 4px solid #007bc7; }

@media screen and (max-width: 1023px) { .banner-rseries li { width: 320px; } }
.footer_top_bnr { margin: 0 auto 50px; width: 680px; text-align: center; }

.footer_top_bnr img { width: 100%; }

.footer_top_bnr:hover { opacity: 0.7; }

@media screen and (max-width: 767px) { .footer_top_bnr, .footer_top_bnr img { width: 100%; height: auto; }
  .footer_top_bnr { margin: 30px 0 40px; } }
.tel_set { color: #fff; }

.panel_tel_list { width: 680px; line-height: 2; margin: 0 auto; }

.tel_text { font-size: 20px; margin-bottom: 16px; }

.tel_list_item { display: inline-block; }

.tel_place { display: inline-block; margin-left: 1.25em; font-size: 0.75em; font-size: 12px; line-height: 160%; vertical-align: middle; }

.tel_number { display: inline-block; margin-left: 0.125em; font-family: "Futura", "Avenir", "Open Sans", Verdana, sans-serif; font-weight: 400; letter-spacing: 1px; vertical-align: middle; font-size: 16px; }

.tel_number a { color: #fff; }

.tel_number a:visited { color: #fff; }

.tel_number a:focus { color: #fff; }

.tel_number a:hover { color: #fff; }

.tel_number a:active { color: #fff; }

#footer .tel_number a { color: #4c4948; text-decoration: none; }

#footer .tel_number a:hover { color: #f8a411; }

.tel_place_capsule { display: inline-block; padding: 0 0.75em; background: #fff; border-radius: 1em; color: #007bc7; }

.tel_open { margin-top: 0.5em; font-size: 13px; line-height: 160%; }

.tel_open_time { margin-left: 0.25em; font-size: 15px; line-height: 120%; font-family: "Futura", "Avenir", "Open Sans", Verdana, sans-serif; font-weight: 400; letter-spacing: 1px; }

.tel_cta { margin-top: 16px; font-size: 16px; color: #4c4948; line-height: 160%; }

.tel_set__invert { color: #4c4948; }

.tel_set__invert .tel_place_capsule { background: #007bc7; color: #fff; }

.tel_set__invert .tel_number a { color: #007bc7; }

.tel_set__invert .tel_number a:visited { color: #007bc7; }

.tel_set__invert .tel_number a:focus { color: #f6ad48; }

.tel_set__invert .tel_number a:hover { color: #f6ad48; }

.tel_set__invert .tel_number a:active { color: #f6ad48; }

.tel_set__left .tel_place { margin-left: 0; margin-right: 0.125em; }

.tel_set__left .tel_number { margin-left: 0; margin-right: 1.25em; }

@media screen and (max-width: 1023px) { .tel_place_capsule { min-width: 45px; text-align: center; } }
@media screen and (max-width: 767px) { .tel_list_item { margin-bottom: 5px; }
  .tel_place_capsule { font-size: 10px; }
  .tel_set__left .tel_number { font-size: 11px; }
  .tel_open { font-size: 12px; line-height: 160%; text-align: right; }
  .tel_open_time { font-size: 14px; line-height: 120%; }
  .footer_contact_annotation { width: 90%; margin: 20px auto 0; text-align: left; }
  .panel_tel_list { width: 80%; margin: 0 auto; text-align: left; }
  .panel_tel_list .tel_list_item { display: inline-block; } }
#sp_float_nav { display: block; position: fixed; bottom: 0; left: 0; padding: 0.8em 0; background-color: rgba(0, 123, 199, 0.9); text-align: center; z-index: 100; box-sizing: border-box; width: 100%; opacity: 0; transition: all 0.5s ease; transform: translateY(100%); }

#sp_float_nav.show_feature_floater { opacity: 1; transform: translateY(0); }

.sp_float_nav_bar { display: block; letter-spacing: -0.4em; }

.sp_float_nav_bar li { display: inline-block; letter-spacing: normal; padding: 0 5px; }

.sp_float_nav_bar li a { padding: 0.6em 0.2em; min-width: 45vw; background: #f6ad48; border: none; border-radius: 3px; font-size: 16.8px; letter-spacing: -0.5px; }
@media screen and (min-width: 426px) { .sp_float_nav_bar li a { width: 40vw; } }

.sp_float_nav_bar li a:hover, .sp_float_nav_bar li a:focus { color: #fff; background: #f6ad48; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3); }

@media screen and (min-width: 1024px) { #sp_float_nav { display: none; } }
@media screen and (max-width: 320px) { .sp_float_nav_bar li a { font-size: 13px; } }
#colophon { font-size: 12px; line-height: 160%; vertical-align: middle; background-color: #f7f7f7; }

.colophon_wrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; }

.colophon_wrap > * { padding: 25px 0; vertical-align: middle; }

@media screen and (min-width: 769px) { .colophon_tagline { width: 64%; margin-left: 3%; margin-right: 3%; } }

@media screen and (min-width: 769px) { .colophon_privacy { width: 8%; margin-right: 2%; } }

@media screen and (min-width: 769px) { .colophon_title { width: 6%; } }

@media screen and (min-width: 769px) { .colophon_isms { width: 14%; } }

.colophon_title img, .colophon_privacy img, .colophon_isms img { width: 100%; height: auto; }

@media screen and (max-width: 768px) { .colophon_wrap > * { padding: 10px 0; }
  .colophon_title { width: 13%; }
  .colophon_privacy { width: 22%; padding-right: 2%; }
  .colophon_isms { width: 38%; }
  .colophon_tagline { font-size: 8px; line-height: 120%; width: 84%; padding-left: 3%; }
  #copyright { font-size: 8px; line-height: 120%; } }
#copyright { padding: 3em 0; background: #fff; color: #4c4948; text-align: center; font-size: 11px; line-height: 120%; font-family: Arial, Sans-serif; letter-spacing: 1px; }

.box_shadow { box-shadow: 0px 2px 2px 1px #dbdee0; }

@media screen and (max-width: 767px) { #copyright { font-size: 8px; line-height: 120%; } }
#simple_colophon { padding: 1.5em 0; text-align: center; }

.simple_colophon_tel { font-size: 24px; color: #f6ad48; font-family: Arial, Sans-serif; }

.simple_colophon_copyright { font-size: 11px; color: #999; font-family: Arial, Sans-serif; }



#floating_pagetop:hover { background: #3393d4; }

.show_floater_pagetop #floating_pagetop { bottom: 20px; }

@media screen and (max-width: 1023px) { .show_floater_pagetop #floating_pagetop { bottom: 6em; } }
@media screen and (max-width: 767px) { #floating_pagetop { right: 10px; } }
.sprite_arrows { display: inline-block; width: 18px; height: 18px; margin: 0 0.1em; background: url(/rakurakucloud/seisan/common/img/sprite_arrows.png) no-repeat 0 0; background: rgba(0, 0, 0, 0) url(/rakurakucloud/seisan/common/img/sprite_arrows.svg) no-repeat; vertical-align: middle; }

.sprite_arrows__s { width: 12px; height: 12px; background: url(/rakurakucloud/seisan/common/img/sprite_arrows_s.png) no-repeat 0 0; background: rgba(0, 0, 0, 0) url(/rakurakucloud/seisan/common/img/sprite_arrows.svg) no-repeat; background-size: 48px auto; }

.spr_arr_s_r_b { background-position: -24px 0px; }

.spr_arr_r_b { background-position: -36px 0px; }

.spr_arr_u_w { background-position: -18px -36px; }

.spr_arr_r_w { background-position: -18px 0px; }

.spr_arr_s_u_b { background-position: -24px -24px; }

.topicpath { padding: 15px 10px; letter-spacing: -0.35em; color: #4c4948; }
@media screen and (min-width: 769px) { .topicpath { padding: 20px 0; } }
.topicpath ul { max-width: 1200px; margin: 0 auto; }
.topicpath li { display: inline-block; margin-right: 0.25em; letter-spacing: 0; font-size: 12px; line-height: 140%; }
.topicpath li mark { background-color: transparent; color: #4c4948; }
.topicpath li:after { content: "＞"; display: inline-block; }
.topicpath li:last-child:after { display: none; content: ""; }
.topicpath a { color: #4c4948; text-decoration: underline; }
.topicpath a:visited { color: #4c4948; }
.topicpath a:focus, .topicpath a:hover, .topicpath a:active { color: #007bc7; }
.topicpath--white { padding: 15px 10px; letter-spacing: -0.35em; color: #fff; }
@media screen and (min-width: 769px) { .topicpath--white { padding: 20px 0; } }
.topicpath--white ul { max-width: 1000px; margin: 0 auto; }
.topicpath--white li { display: inline-block; margin-right: 0.25em; letter-spacing: 0; font-size: 12px; line-height: 140%; }
.topicpath--white li mark { background-color: transparent; color: #fff; }
.topicpath--white li:after { content: "＞"; display: inline-block; }
.topicpath--white li:last-child:after { display: none; content: ""; }
.topicpath--white a { color: #fff; text-decoration: underline; }
.topicpath--white a:visited { color: #fff; }
.topicpath--white a:focus, .topicpath--white a:hover, .topicpath--white a:active { color: #007bc7; }
.topicpath--white-nopadding { padding: 15px 10px; letter-spacing: -0.35em; color: #fff; padding: 0; }
@media screen and (min-width: 769px) { .topicpath--white-nopadding { padding: 20px 0; } }
.topicpath--white-nopadding ul { max-width: 1000px; margin: 0 auto; }
.topicpath--white-nopadding li { display: inline-block; margin-right: 0.25em; letter-spacing: 0; font-size: 12px; line-height: 140%; }
.topicpath--white-nopadding li mark { background-color: transparent; color: #fff; }
.topicpath--white-nopadding li:after { content: "＞"; display: inline-block; }
.topicpath--white-nopadding li:last-child:after { display: none; content: ""; }
.topicpath--white-nopadding a { color: #fff; text-decoration: underline; }
.topicpath--white-nopadding a:visited { color: #fff; }
.topicpath--white-nopadding a:focus, .topicpath--white-nopadding a:hover, .topicpath--white-nopadding a:active { color: #007bc7; }

.topicpath_local_wrap { border-bottom: 1px solid #eee; }

.topicpath_local_wrap .topicpath { padding: 10px 0; }

/*# sourceMappingURL=layout.css.map */