@charset "UTF-8";
/* ============================
 *
 *    BEM Styles
 *
 * ============================ */
/* ============================
 *
 *     BEM/Index
 *
 * ============================ */
/* ------------------------------
 * トップページの共通セクション
 * ------------------------------ */
.index_billboard_section {
  box-sizing: border-box;
  padding: 60px 0;
}

.index_billboard_section:nth-child(odd) {
  background: #ffffff;
}
.index_billboard_section:nth-child(even) {
  background: #FFF;
}
.index_billboard_section .grid_3col_1000 li{
  display: inline-block;
  width: 300px;
  margin: 25px;
  letter-spacing: 0;
  vertical-align: top;
  box-shadow: 0px 2px 2px 2px #dbdee0;
  border-radius: 5px;
}

@media screen and (max-width: 1023px) {
  .index_billboard_section {
    padding: 25px 0;
  }
}
@media screen and (max-width: 768px) {
  .index_billboard_section .grid_3col_1000 li {
    margin: 0 auto 10px;
    width: 100%;
  }
}


.bg_f {
  background: #FFF !important;
}
.bg_g {
  background: #F1F4F6 !important;
}

.text-highlight {
  background: linear-gradient(transparent 60%, #f2e7af 0%);
}

/* ------------------------------
 * ジャンボトロン
 * ------------------------------ */
.index_jumbotron {
  min-height: 300px;
  padding: 70px 0 20px 0;
  background: #F1F4F6 url(/rakurakucloud/seisan/common/img/index/jumbotron_bg.jpg) no-repeat 50% 0; /* for IE7 IE8 */
}
.index_jumbotron:nth-child(odd) {
  background: #F1F4F6 url(/rakurakucloud/seisan/common/img/index/jumbotron_bg.jpg) no-repeat 50% 0;/* modern browser */
}
/* ------------------------------ */

.index_jumbotron__title {
  margin-bottom: 40px;
  letter-spacing: 2px;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.5em;
  font-size: 1.5rem;
  line-height: 140%;
  font-weight: bold;
  color: #0078C9;
}
.index_jumbotron__title strong {
  font-size: 2em;
  font-size: 3rem;
  line-height: 120%;
}
.index_jumbotron__title > img {
  margin-bottom: 15px;
}
.index_jumbotron__prize {
  display: table;
  width: 100%;
/*  margin-bottom: 80px;*/
  margin-bottom: 50px;
}
.index_jumbotron__prize span{
font-size:0.7em;
font-size:0.7rem;
}
.index_jumbotron__prize_icon {
  display: table-cell;
  width: 120px;
  vertical-align: middle;
}
.index_jumbotron__prize_story {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
  font-size: 1.25em;
  font-size: 1.25rem;
  line-height: 120%;
  letter-spacing: 1px;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  text-shadow: 0 0 2px white, 0 0 1px white;
}
.index_jumbotron__prize_story strong {
  font-size: 2.25em;
  font-size: 2.25rem;
  line-height: 140%;
  color: #333;
  letter-spacing: 1px;
}
.index_jumbotron__movie {
  color: #0078C9;
  font-size: 1.125em;
  font-size: 1.125rem;
  line-height: 160%;
/*  line-height: 620%;*/
}
.index_jumbotron__movie_icon {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 25px;
  border-radius: 2px;
  background: #0078C9;
  vertical-align: top;
  -webkit-transition: background 0.25s ease-out;
  transition: background 0.25s ease-out;
  font-size: 1.125em;
  font-size: 1.125rem;
  line-height: 140%;
/*  margin-top:50px;*/
}
.index_jumbotron__movie_icon:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  margin: -6px -3px;
  border: 6px solid transparent;
  border-left: 6px solid #FFF;
  font-size: 0;
  line-height: 0;
}

.index_box_btn {
/*	background-color:rgba(51,51,51,0.6);*/
	padding: 25px 0 10px;
}
.index_box_btn_txt{
	color:#FFF;
  line-height: 140%;
  margin-bottom:2px;
  font-size: 1.25rem;
  font-weight: bold;
}
.index_box_btn_1{
	margin:15px auto;
}
.index_box_btn_1 .btn_base:hover {
  background-color: #FFF;
  background-image: none;
  opacity: 1;
  color: #F8A411;
}
.index_jumbotron__action_bar {
  position: absolute;
  right: 0;
  bottom: 0;
}
.index_jumbotron__action_bar_item {
  display: inline-block;
  /*margin-left: 10px;*/
  *display: inline;/* for IE7 */
  *zoom: 1;/* for IE7 */
}
.index_jumbotron__action_btn {
  border-width: 2px;
  font-size: 1.5em;
  font-size: 1.5rem;
  line-height: 110%;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  width:100%;
  padding: 0.5em 0.7em;
}
.index_jumbotron__action_btn_icon {
  margin: 0 0.25em;
}

a:hover .index_jumbotron__movie_icon {
  background: #FF7F00;
}

.index_jumbotron__cap{
  position:absolute;
  font-size:0.7em;
  font-size:0.7rem;
  bottom:-55px;
/*  bottom:-30px;*/
  left:0;
  line-height:1.0;
}
  .switcher_sp_only{
  display:none;
  }
.switcher_sp_s_only{
  display:none;
}

/* ------------------------------
 * hero
 * ------------------------------ */
.index_body #main {
  background-image: none;
  padding-top: 103px;
}
.top_hero {
width:100%;
height:478px;
background:url(/rakurakucloud/seisan/common/img/top_hero.jpg) no-repeat center 45px; /* for IE7 IE8 */
background:rgba(0,0,0,0) url(/rakurakucloud/seisan/common/img/top_hero.jpg) no-repeat center 45px; /* modern browser */
}
.top_hero.bgnone {
width:100%;
height:auto;
background:url(/rakurakucloud/seisan/common/img/top_hero02.jpg) no-repeat center top;
background-size: cover;
}
.top_hero, .main-img__title__point li.total, .main-img__title__point li.total span,
.hero-form.main-form__title__txtbox {
font-family:Verdana,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,sans-serif;
-moz-font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
font-variant-ligatures: no-common-ligatures;}
.main-img__title {
position:relative;
width:100%;
max-width: 960px;
margin:0 auto;
color:#333;
font-size:90px;
}
.main-form__title .top_main__note_02 {
  width: 90%;
  text-align: left;
  margin-bottom: 0;
}
.main-form__title {
position:relative;
display: flex;
justify-content: space-between;
width:100%;
max-width: 960px;
margin:0 auto 20px;
padding-bottom: 0;
color:#333;
font-size:90px;
}
.main-form__subtext {
  width:100%;
  max-width: 960px;
  margin:0 auto 30px;
  padding-bottom: 40px;
  font-size: 11px;
  line-height: 1.1;
}
.main-img__title__txtbox {
float: left;
width: 55%;
margin-top: 90px;
left: 50%;
}
.main-form__title__txtbox {
width: 60%;
margin-top: 90px;
}
.main-form__title__txtbox:first-of-type {
width: 55%;
margin-top: 100px;

}
.main-form__title__txtbox:nth-of-type(2) {
width: 45%;
margin-top: 70px;
background: #cfe3f9;
padding-top: 15px;
}
.main-form__title__txtbox .hs-fieldtype-checkbox #label-type-f40a214a-c729-438c-ae18-99c6a0a5ce54 span {
  display: none;
}
.main-form__title__txtbox .inputs-list {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.main-form__title__txtbox .inputs-list li:not(:last-of-type) {
  margin-right: 20px;
}
.main-form__title__txtbox .h2sub {
  font-size: 18px;
  text-align: center;
}
.index_hero-bg .main-form__title__txtbox .h2sub {
  font-size: 24px;
  font-weight: bold;
}
.main-form__title__txtbox .hs-legaltext {
  font-size: 12px;
  line-height: 1;
  margin-top: 10px;
}
.main-form__title__wrap .hs_company,
.main-form__title__wrap .hs_lastname,
.main-form__title__wrap .hs_firstname,
.main-form__title__wrap .hs_email,
.main-form__title__wrap .hs_prefecture,
.main-form__title__wrap .hs_phone {
  position: relative;
}
.main-form__title__wrap .hs-form-required {
  position: absolute;
  top: 4px;
  right: 20px;
  font-size: 12px;
  color: #f00;
}
.main-form__title__wrap .hs_firstname .hs-form-required,
.main-form__title__wrap .hs_phone .hs-form-required {
  position: absolute;
  top: 4px;
  right: 13px;
  font-size: 12px;
  color: #f00;
}
.main-form__title__wrap .hs_lastname .hs-form-required {
  position: absolute;
  top: 4px;
  right: 20px;
  font-size: 12px;
  color: #f00;
}
.main-form__title__wrap .changecolor {
  color: #333 !important;
}
.main-form__title__wrap .hs_prefecture .hs-form-required {
  position: absolute;
  top: 4px;
  right: 35px;
  font-size: 12px;
  color: #f00;
}
.main-form__title__wrap .form-columns-2:first-of-type {
  float: left;
}
.main-form__title__wrap .hs_company,
.main-form__title__wrap .hs_email {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 5px 15px;
  flex-wrap: wrap;
}
.main-form__title__wrap .hs_prefecture,
.main-form__title__wrap .hs_phone {
  width: 94.5% !important;
  float: none !important;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 0 5px 15px;
}
.main-form__title__wrap .hs_firstname {
  width: 35% !important;
  float: left !important;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 0 5px 15px;
}
.main-form__title__wrap .hs_lastname {
  width: 55% !important;
  float: left !important;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 0 5px 15px;
}
.main-form__title__wrap .hs_how_to_know {
  margin: 0 0 0 15px;
}
.main-form__title__wrap .hs_how_to_know label {
  font-size: 14px;
}
.main-form__title__wrap .hs_company label,
.main-form__title__wrap .hs_email label,
.main-form__title__wrap .hs_lastname label,
.main-form__title__wrap .hs_prefecture label,
.main-form__title__wrap .hs_phone label {
  width: 100px;
  font-size: 14px;
}
.main-form__title__wrap .hs_firstname label {
  width: 30px;
  font-size: 14px;
}
.main-form__title__wrap .hs_company label span:first-of-type,
.main-form__title__wrap .hs_email label span:first-of-type,
.main-form__title__wrap .hs_lastname label span:first-of-type,
.main-form__title__wrap .hs_prefecture label span:first-of-type,
.main-form__title__wrap .hs_phone label span:first-of-type,
.main-form__title__wrap .hs_firstname label span:first-of-type,
.main-form__title__wrap .hs_how_to_know label span:first-of-type {
  color: #3e76bb;
  font-weight: bold;
}

.main-form__title__wrap .hs_company .input,
.main-form__title__wrap .hs_phone .input,
.main-form__title__wrap .hs_email .input,
.main-form__title__wrap .hs_prefecture .input {
  width: 275px;
  margin-right: 0 !important;
}
.main-form__title__wrap .hs_firstname .input {
  width: 100px;
  margin-right: 0 !important;
}
.main-form__title__wrap .hs_lastname .input {
  width: 100px;
  margin-right: 0 !important;

}
.main-form__title__wrap .hs_company .hs-field-desc {
  width: auto!important;
}
.main-form__title__wrap .hs_email input {
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
.main-form__title__wrap .hs_company input,
.main-form__title__wrap .hs_lastname input,
.main-form__title__wrap .hs_firstname input,
.main-form__title__wrap .hs_phone input {
  width: 95%;
  border-radius: 3px;
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -ms-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
.main-form__title__wrap input::placeholder {
  color: #b4b4b4;
}
/* IE */
.main-form__title__wrap input:-ms-input-placeholder {
  color: #b4b4b4;
}
/* Edge */
.main-form__title__wrap input::-ms-input-placeholder {
  color: #b4b4b4;
}
.main-form__title__wrap .hs_prefecture select {
/*  color: #d9d9d9;
*/  width: 98%;
  height: 28px;
  border-radius: 3px;
  border: 1px solid #CCC;
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
/*.main-form__title__wrap .hs_prefecture select option:not(:first-of-type) {
  color: #007bc7;
}
.main-form__title__wrap .hs_prefecture select option:selected {
  color: #ccc;
}*/
.main-form__title__wrap .hs_how_to_know select {
  height: 28px;
  border-radius: 3px;
  border: 1px solid #CCC;
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
.main-form__title__wrap .hs_prefecture .input,
.main-form__title__wrap .hs_how_to_know .input{
  margin-right: 0 !important;
}
.main-form__title__wrap .hs-error-msg {
  font-size: 12px;
  color: #f00;
}
.main-form__title__wrap input[type="submit"] {
  margin: 10px auto;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  width: 70%;
  transition: .2s;
  background-color: #F8A411;
  background-image: -webkit-linear-gradient(270deg, rgba(235, 127, 0, 0) 0%, #eb7f00 100%);
  background-image: linear-gradient(180deg, rgba(235, 127, 0, 0) 0%, #eb7f00 100%);
  border: 1px solid #FAA610;
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.main-form__title__wrap input[type="submit"]:hover {
  background: #EB7F00;
}
.main-form__title__wrap input[type="email"] {
  border-radius: 3px;
}
.main-img__title__txt01 {
  padding-bottom: 40px;
  color:#333;
  text-align:center;
  font-size:53px;
  padding-right: 50px;
  line-height: 1.2;
}
.main-form__title__txt01 {
  padding-bottom: 25px;
  color:#333;
  text-align:center;
  font-size:53px;
  padding-right: 50px;
  line-height: 1.2;
}
.main-img__title__txt01 strong,.main-form__title__txt01 strong {
  color: #333;
}
.main-img__title__txt02 {
  padding-bottom: 15px;
  color: #333;
  font-size: 18px;
  letter-spacing: 2px;
  letter-spacing: 0.1rem;
  line-height: 1.1;
  text-align: left;
  position: relative;
}
.main-form__title__txt02 {
  padding-bottom: 20px;
  color: #333;
  font-size: 18px;
  letter-spacing: 2px;
  letter-spacing: 0.1rem;
  line-height: 1.1;
  text-align: left;
  position: relative;
}
.main-img__title__txt02 span,.main-form__title__txt02 span {
  color: #f2a531;
  font-size: 28px;
  padding-left: 5px;
  letter-spacing: 1px;
}
.main-img__title__txt02 em,.main-form__title__txt02 em {
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0;
}
.main-img__title__txt02 em:last-child,.main-form__title__txt02 em:last-child {
  padding-left: 10px;
}
.main-img__title__txt02 em::after,.main-form__title__txt02 em::after {
  content:"※1";
  font-size: 10px;
  bottom: 8px;
  color: #888;
  right: 20px;
}
.ex .top_main__note_02{
  text-align: center;
  margin-top: 20px;
  font-size: 0.7rem;
  color: #fff;
}
.main-img__title__txt02__annotation {
  font-size: 9px;
  line-height: 1.3;
  color: #888;
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
  text-align: right;
}
.main-img__title__txt03 {
  color:#333;
  text-align:right;
  font-size:17px;
  padding-right: 50px;
  letter-spacing: 1px;
}
.main-img__title__txt03 strong {
  font-size: 2.1rem;
}

.main-img__title__txtbox h1 {
  width: 85%;
  color:#333;
  font-size:28px;
  font-weight: bold;
  letter-spacing:3px;
  line-height:1.3;
  text-align:center;
  /*padding-bottom: 3px;*/
  display: flex;
  align-items: center;
}
.main-form__title__txtbox h1 {
  width: 90%;
  color:#333;
  font-size:30px;
  font-weight: bold;
  letter-spacing:3px;
  line-height:1.3;
  text-align:center;
  /*padding-bottom: 3px;*/
  display: flex;
  align-items: center;
}
.main-img__title__txtbox h1:before,.main-img__title__txtbox h1:after,
.main-form__title__txtbox h1:before,.main-form__title__txtbox h1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
	border-top: 2px dotted #444;
}
.main-img__title__txtbox h1:before,.main-form__title__txtbox h1:before {
	margin-right: .4em;
}
.main-img__title__txtbox h1:after,.main-form__title__txtbox h1:after {
	margin-left: .4em;
}
.main-img__title__point {
  max-width: 405px;
  padding-left: 25px;
  margin-top: 10px;
}
.main-form__title__point {
  max-width: 435px;
  padding-left: 15px;
  margin-top: 10px;
}
.main-img__title__point li {
  float:left;
  max-width:125px;
  width:30%;
  height:125px;
  margin:5px;
  padding:20px 0 0 0;
  background:url(/rakurakucloud/seisan/common/img/main_img_wreath.png) no-repeat; /* for IE7 IE8 */
  background-size: 100%;nd-size: 100%;color:#555;
  font-size:16px;
  /*font-size:1.6rem;
  */line-height:1.2;
  text-align:center;
  list-style-type:none;
  font-weight:400;
}
.main-form__title__point li {
  float:left;
  max-width:130px;
  width:30%;
  height:125px;
  margin:5px;
  padding:20px 0 0 0;
  background:url(/rakurakucloud/seisan/common/img/main_img_wreath.png) no-repeat; /* for IE7 IE8 */
  background-size: 100%;nd-size: 100%;color:#555;
  font-size:14px;
  line-height:1.2;
  text-align:center;
  list-style-type:none;
  font-weight:400;
}
.main-form__title__point li.total {
  padding: 10px 0 0;
}
.main-img__title__point li.total {
	padding: 0;
}
.main-img__title__point li.total span{
	line-height: 120%;
}
.main-form__title__point li.total span{
	line-height: 120%;
}
.main-img__title__point li.total span sub{
	color: #3e76bb;
  font-size: 55%;
}
.main-form__title__point li.total span sub{
	color: #3e76bb;
  font-size: 55%;
}
.main-img__title__point li span {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 150%;
}

.main-img__title__point li span {
  font-size:1.1rem;
  font-weight:bold;
  line-height: 150%;
}

.main-img__title__point li div{
  /*font-size:1.4rem;*/
    font-size: 14px;
}

.main-img__title__point li span strong {
  font-family: arial;
  font-size: 32px;
  /*font-size: 3.2rem;
  */color: #3e76bb;
}
.main-form__title__point li span strong {
  font-family: arial;
  font-size: 30px;
  color: #3e76bb;
}
.main-img__title__point li.two-line span strong.font-s {
  font-size: 21px;
  /*font-size: 2.1rem;*/
}
.main-form__title__point li.two-line span strong.font-s {
  font-size: 19px;
}
.main-form__title__point li span strong span {
  font-size: 34px;
}
.main-img__title__point li span strong span {
  font-size:2.7rem;
}
.main-img__title__point .height-s {
  line-height: 100%;
}
.main-img__title__point .two-line {
  padding-top: 15px;
  /*padding-top: 1.5rem;
  */font-size: 15px;
  /*font-size: 1.5rem;*/
}

.main-form__title__wrap {
  font-size: 16px;
  background: #cfe3f9;
  padding: 15px;
}
.main-form__title .page_title {
  width: 90%;
  margin: 10px auto 10px;
  padding-bottom: 10px;
  font-size: 1.0rem;
  text-align: center;
  border-radius: 0;
  border-bottom: 3px solid #2B91D7;
}


/*hero終わり*/


@keyframes loop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1583px 0;
  }
}
.companylogo_list {
  width: 100%;
  text-align: center;
  margin: 40px auto 50px;
  background: url(/rakurakucloud/seisan/common/img/company_logo.png) repeat-x 0 0;
  background-size: 1900px auto;
  height: 100px;
  overflow: hidden;
  animation: loop 50s linear infinite;
}
.companylogo_list.line2 {
  background: url(/rakurakucloud/seisan/common/img/company_logo2line.png) repeat-x 0 0;
  background-size: 1900px auto;
  height: 165px;
  margin: 40px 0 90px;
}
.companylogo_list.line1-text {
  background: url(/rakurakucloud/seisan/common/img/company_logo-1line-text.png) repeat-x 0 0;
  background-size: 3623px auto;
  height: 200px;
  margin: 40px 0 90px;
}
.companylogo_list.line2-text {
  background: url(/rakurakucloud/seisan/common/img/company_logo-2line-text.jpg) repeat-x 0 0;
  background-size: 1920px auto;
  height: 380px;
  margin: 40px 0 90px;
}
@media screen and (max-width: 767px) {
  .companylogo_list.line2 {
    margin-bottom: 40px;
  }
  .companylogo_list.line2.sp_compact {
    background: url(/rakurakucloud/seisan/common/img/company_logo2line_sp.png) repeat-x 0 0;
    background-size: 1600px auto;
    height: 160px;
  }
  .companylogo_list.line1-text {
    margin-bottom: 0;
  }
}


#request{
  position: fixed;
  width: 76px;
  height: 184px;        /* 高さ */
  margin-top:  -90px;  /* マイナス「高さ÷2」 */
  top:65%;
  right:0;
  z-index:999;
}
#request.miniimage {
  position: fixed;
  width: 150px;
  height: 184px;        /* 高さ */
  margin-top:  -90px;  /* マイナス「高さ÷2」 */
  top:65%;
  right:0;
  z-index:999;
}
#request.miniimage .index_jumbotron__action_btn {
  font-size: 18px;
  padding: 1.3em 0.7em 0.7em;
}
#request .close {
  position: absolute;
  top: 10px;
  right: 1px;
  background: #ccc;
  padding: 5px 2px 0px 6px;
}

#request .close a {
	display: block;
	width: 20px;
    height: 25px;
}

#request .close a span {
	display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#request .close a i {
	font-size: 20px;
    z-index: 888;
    color: #fff;
}

@media screen and (max-width: 1023px) {
  .index_jumbotron {
    min-height: 200px;
    padding: 25px 0;
    background: #F1F4F6 url(/rakurakucloud/seisan/common/img/index/jumbotron_bg_m.jpg) no-repeat 100% 50%; /* for IE7 IE8 */
  }
  .index_jumbotron:nth-child(odd) {
    background: #F1F4F6 url(/rakurakucloud/seisan/common/img/index/jumbotron_bg_m.jpg) no-repeat 100% 50%;/* modern browser */
    background-size: cover;
  }

.index_jumbotron__title{
	margin-bottom:20px;
}
  .index_jumbotron__prize {
    margin-bottom: 20px;
  }
.index_jumbotron__cap{
  bottom:-20px;
}
  .switcher_sp_only{
  display: inline-block;
  margin-bottom:10px;
  width:70%;
  }

}
@media screen and (max-width: 767px) {
  #main.heroform {
    padding-top: 50px !important;
  }
  .top_hero.bgnone {
    background: none;
  }
  .main-form__title {
    flex-direction: column;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .main-img__title__txt02 span, .main-form__title__txt02 span {
    color: #f2a531;
    font-size: 20px;
    padding-left: 5px;
    letter-spacing: 1px;
  }
  .main-form__title__txtbox:first-of-type,
  .main-form__title__txtbox:last-of-type {
    width: 100%;
    margin-top: 0;
    padding-top: 15px;
  }
  .main-form__title__txtbox:first-of-type{
    background: url(/rakurakucloud/seisan/common/img/top_hero02.jpg) no-repeat center top;
    background-size: cover;
  }
  .main-form__subtext {
    width:100%;
    max-width: 960px;
    margin:0 auto;
    padding:10px;
    background: #eee;
    box-sizing: border-box;
  }

  .main-img__title__txtbox h1, .main-form__title__txtbox h1 {
    margin: 0 auto;
  }
  .main-img__title__txt02, .main-form__title__txt02 {
    text-align: center;
    font-size: 16px;
  }
  .main-img__title__txt01, .main-form__title__txt01 {
    padding-bottom: 10px;
    color: #333;
    text-align: center;
    font-size: 29px;
    padding-right: 0;
    line-height: 1.2;
  }
  .main-img__title__point, .main-form__title__point {
    max-width: 340px;
    padding-left: 0;
    margin:10px auto;
  }
  .main-img__title__point li {
    font-size: 13px;
    height: 80px;
  }
  .main-form__title__point li {
    font-size: 13px;
    padding-top: 10px;
  }
  .main-form__title .page_title b {
    text-align: center;
    font-size: 1.1rem;
  }
  .top_hero.bgnone {
    background: none;
  }
  .main-form__title__wrap .hs_company .input, .main-form__title__wrap .hs_lastname .input, .main-form__title__wrap .hs_firstname .input, .main-form__title__wrap .hs_phone .input, .main-form__title__wrap .hs_email .input, .main-form__title__wrap .hs_prefecture .input {
    width: 100%;
  }
  .main-form__title__wrap .hs-form-required {
    position: absolute;
    top: 24px;
    right: 20px;
    font-size: 12px;
    color: #f00;
  }
  .main-form__title__wrap .hs_lastname .hs-form-required, .main-form__title__wrap .hs_firstname .hs-form-required, .main-form__title__wrap .hs_phone .hs-form-required {
    position: absolute;
    top: 24px;
    right: 13px;
    font-size: 12px;
    color: #f00;
  }
  .main-form__title__wrap .hs_prefecture .hs-form-required {
    position: absolute;
    top: 24px;
    right: 35px;
    font-size: 12px;
    color: #f00;
  }
  .main-form__title__wrap .hs_lastname, .main-form__title__wrap .hs_firstname {
    width: 45% !important;
  }
  .main-form__title__point li span strong {
    font-size: 28px;
  }
  .main-form__title__point li.total {
    padding: 0;
  }
  .ex .top_main__note_02{
    width: 95%;
    text-align: left;
    margin: 20px auto;
  }
  .index_jumbotron {
    min-height: 200px;
    background: #F1F4F6 url(/rakurakucloud/seisan/common/img/index/jumbotron_bg_m.jpg) no-repeat 100% 50%; /* for IE7 IE8 */
  }
  .index_jumbotron:nth-child(odd) {
    background: #F1F4F6 url(/rakurakucloud/seisan/common/img/index/jumbotron_bg_m.jpg) no-repeat 100% 50%;/* modern browser */
    background-size: cover;
  }

  .index_jumbotron__title {
    margin-bottom: 5px;
    font-size: 0.75rem;
    line-height: 140%;
    letter-spacing: 1px;
  }
  .index_jumbotron__title strong {
    font-size: 1.5rem;
    line-height: 120%;
  }
  .index_jumbotron__prize {
    margin-bottom: 10px;
  }
  .index_jumbotron__prize_icon {
    width: 60px;
  }
  .index_jumbotron__prize_story {
    padding-left: 5px;
    font-size: 0.5625rem;
    line-height: 140%;
  }
  .index_jumbotron__prize_story strong {
    font-size: 1rem;
    line-height: 140%;
  }
  .index_jumbotron__movie {
    font-size: 0.75rem;
    line-height: 160%;
    text-shadow: 0 0 2px white, 0 0 1px white;
  }
  .index_jumbotron__movie_icon {
    width: 30px;
    height: 18px;
  }
  .index_jumbotron__movie_icon:before {
    margin: -4px -2px;
    border: 4px solid transparent;
    border-left: 4px solid #FFF;
  }
.index_jumbotron__cap{
  font-size:0.4em;
  font-size:0.4rem;
  bottom:-20px;
  }
  .switcher_sp_s_only{
  display: inline-block;
  /*margin-bottom:10px;*/
  margin:0 auto 10px;
  }
  .switcher_sp_only{
  display:none;
  }
  .index_jumbotron__action_bar_item{
  width:100%;
  }
#request{
display: none;
}
.switcher_se_break2{
  display: block !important;
}
.index_checkpoint__list{
	margin:0 auto 30px !important;
}
.check_list{
margin:auto;
}
.btn_base{
  padding: 0 0.5em;
}
}
/* ------------------------------
 * telework area追加
 * ------------------------------ */
.telework-susume {
  text-align: center;
  transform: translateY(-40px);
}
.telework-susume img:hover{
  opacity: 0.6;
  -webkit-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out;

}
@media screen and (max-width: 991px) {
.telework-susume {
  margin: 1rem auto 0.5rem;
  transform: none;
  padding-top: 20px;
  }
}
/* ------------------------------
 * movie area追加
 * ------------------------------ */
.movie-logo-meisai {
    text-align: right;
    display: block;
    margin: 10px 120px;
}
.movie-logo-meisai img {
    width: 110px;
    height: auto;
}
@media screen and (max-width: 767px) {
  .movie-logo-meisai {
    text-align: center;
  }
}

/* ------------------------------
 * 導入実績
 * ------------------------------ */
#results .tagline_set{
	margin-bottom: 40px !important;
}
#results .voice{
	width: 87.5%;
	margin: 0px auto;
}
#results .clearfix{
	display: inline-table;
}
#results .btn__price {
  padding-bottom: 60px;
}
#results .cta__btn__price{
display: block;
margin: 20px auto 0 auto;
font-size: 1.8rem;
font-weight: bold;
padding: 20px 0;
width: 75%;
max-width: 500px;
}
.voice li a:hover {
	opacity:0.7;
}
.voice h3{
	margin: 5px auto 15px;
	/*color: #007bc7000;*/
	font-size: 130%;
}
.voice .comment{
	padding: 0 5px 10px;
	color: #007bc7000;
}
.voice_b{
	text-align: right;
	padding-right: 5px;
}
@media (min-width: 767px) {
.voice{
	width: auto;
	max-width: 1000px;
	margin: 0px auto;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.voice li {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding-top: 0px;
}
.voice li:nth-child(1) {
	border-left: 2px solid #F5F5F5;
}
.voice li:nth-child(2) {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.voice li:nth-child(3) {
	border-right: 2px solid #F5F5F5;
}
.voice li a {
	display: inline-block;
	margin: 0 20px 20px;
}
.voice_txt{
	height: 100%;
}
.voice .comment{
	min-height: 130px;
}
}
.index_results__customers {
    margin-top: 0;
    text-align: center;
}
.index_results__customers2 {
  margin-top: 20px;
  margin-bottom:80px;
  text-align: center;
}
.index_results__customer {
  display: inline-block;
  margin: 0 0 14px;
  vertical-align: middle;
  *display: inline;/* for IE7 */
  *zoom: 1;/* for IE7 */
}

@media screen and (max-width: 767px) {
  #main.heroform .index_results__customers {
    display: block;
  }
}
/* ------------------------------
 * カンファレンス
 * ------------------------------ */
#conference{
	width: 100%;
}
.conference_bnr{
	margin: 60px auto;
	text-align: center;
}
.conference_bnr a:hover img {
	opacity: 0.85;
}

@media screen and (max-width: 767px) {
	.conference_bnr{
		max-width: 100%;
		margin-left: 25px;
		margin-right: 25px;
	}
}


/* ------------------------------
 * お悩み
 * ------------------------------ */
.top-block_checkbox {
  display: inline-block;
  width: 35px;
  height: 37px;
  background: url(/rakurakucloud/seisan/img/04/top_block_icon_checkbox.png) no-repeat 0 0;
}

.index_trouble{
  background: #F1F4F6;
  background: #FFF;
  padding: 82px 0 72px;
  border-bottom: 1px solid #ccc;
}

.trouble_top {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 40px 0 0 0;
}
.trouble_top .trouble_top_left {
  width: 350px;
  margin-left: -8px;
}
.trouble_top .trouble_top_left img {
  width: 100%;
}
.trouble_top .trouble_top_right {
  width: 650px;
}

.index_trouble__list {
  position: relative;
  z-index: 9;
  width: 700px;
  margin: 30px auto;
}
.index_trouble__tagline {
  position: relative;
  z-index: 1;
  padding-top: 50px;
  font-size: 1.9rem;
  line-height: 1.6;
  color: #007bc7;
  text-align: center;
  font-family: "Noto Sans CJK JP", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.index_trouble__tagline em {
    font-size: 3rem;
    color: #f8a411;
}
.index_trouble__tagline:before, .index_trouble__tagline:after {
  position: absolute;
  left: 50%;
  top: -1px;
  content: " ";
  width: 70px;
  height: 70px;
  margin-left: -35px;
  background: #FF7F00;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.index_trouble__tagline:before {
    position: absolute;
    left: 50%;
    top: -1px;
    content: " ";
    width: 55px !important;
    height: 30px !important;
    background: url(/rakurakucloud/seisan/img/04/arrow.png);
    margin-left: -35px;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(-0deg) !important;
}/**/
.index_trouble__tagline:after {
  margin-top: -9px;
  background: none;
  display: none;
}
.check_list_ml {
  margin-left: 50px;
}
.travel_top_bnr {
  margin: 50px auto 0;
  width: 700px;
  text-align: center;
}
.travel_top_bnr.nomargin {
  margin-top: 0;
}
.travel_top_bnr img {
  width: 100%;
}
.travel_top_bnr:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .index_trouble {
    padding: 50px 0 0;
  }
  .index_trouble__title {
    text-align: left;
  }
  .index_trouble__list {
    width: auto;
    margin: 10px auto;
  }
  .index_trouble__list_item {
    margin: 5px 0;
    font-size: 0.875rem;
    line-height: 140%;
  }
  .index_trouble__list_content {
    width: 85%;
  }
  .index_trouble__tagline {
    font-size: 1.2rem;
    padding: 30px 0;
    line-height: 140%;
  }
  .index_trouble__tagline em {
        font-size: 1.5rem;
    }
  .index_trouble__tagline:before, .index_trouble__tagline:after {
    position: absolute;
    left: 50%;
    top: -12px;
    content: " ";
    width: 36px;
    height: 36px;
    margin-left: -18px;
  }
  .index_trouble__tagline:after {
    margin-top: -5px;
    background: #FFFFFF;
  }
  .trouble_top {
    display: block;
    margin: 20px auto ;
    padding: 0;
  }
  .trouble_top .trouble_top_left {
    width: 190px;
    margin: 0 auto 20px;
  }
  .trouble_top .trouble_top_left img {
    width: 100%;
  }
  .trouble_top .trouble_top_right {
    width: 100%;
  }
  .check_list_ml {
  margin-left: 0;
}
  .index_checkpoint__list_title {
      font-size: 1.2rem;
  }
  .travel_top_bnr {
    margin: 0 auto 30px;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
  }

}

/* ------------------------------
 * 料金
 * ------------------------------ */
.price_box{
  margin-top: 3em !important;
}
.price_txt{
  margin-top: 3em !important;
  margin-bottom: 5em;
  text-align: center;
}
#results .cta__btn__price {
    background: #FFF;
}
.bg-price:after {
    content: '';
    position: absolute;
    left: -10px;
    bottom: 0;
    background: url(/rakurakucloud/seisan/img/04/img_price_yoko.png) 0 0 no-repeat;
    background-size: cover;
    width: 447px;
    height: 230px;
    z-index: 0;
}
/* ------------------------------
 * 機能
 * ------------------------------ */
.index_function{
  background: #F1F4F6 !important;
}
.index_function .tagline_set .tagline_title2 {
  margin: 25px 0;
  font-size: 1.15rem;
  line-height: 140%;
  color: #333;
}
.index_function .tagline_set .tagline_title3 {
  margin: 0 0 25px;
  font-size: 1.15rem;
  line-height: 140%;
  color: #333;
}
.index_function .tagline_set .tagline_title3 b {
  color: #F8A411;
}
.function_box {
  margin: 2rem 0 0;
  padding: 2rem;
  border: 5px solid #ddd;
  background: #fff;
  box-sizing: border-box;
}
.function_box .function_box_ttl {
  margin-bottom: 2rem;
  color: #007bc7;
  font-size: 150%;
  font-weight: 500;
}
.ebooks_wrap ul {
  display: flex;
  justify-content: space-between;
}
.ebooks_wrap .img {
  width: 10%;
}
.ebooks_wrap .img img {
  width: 100%;
}
.ebooks_wrap .txt {
  width: 86%;
}
.ebooks_wrap .txt p {
  margin-bottom: 10px;
  text-align: left;
}
.ebooks_wrap .txt p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .price_txt {
  /* margin-top: 3em !important; */
  margin-bottom: 2em;
  text-align: center;
  }
  .index_function .tagline_set .tagline_title2 {
    font-size: 1rem;
  }
  .index_function .tagline_set .tagline_title3 {
    font-size: 1rem;
    text-align: left;
  }
  .function_box {
    margin: 1rem 0 0;
    padding: 1rem;
    border: 3px solid #ddd;
  }
  .function_box .function_box_ttl {
    margin-bottom: 1rem;
  }
  .ebooks_wrap ul {
    display: block;
  }
  .ebooks_wrap .img {
    width: 30%;
    margin: 0 auto 1rem;
  }
  .ebooks_wrap .txt {
    width: 100%;
  }
}

/* ------------------------------
 * メリット
 * ------------------------------ */
.index_merit__target {
  margin: 20px 0;
}
.index_merit__target_title {
  box-sizing: border-box;
  float: left;
  display: table;
  width: 200px;
  min-height: 6.0em;
  padding: 14px;
  border: 2px solid #CCC;
  border-radius: 6px;
  font-size: 0.9375em;
  font-size: 0.9375rem;
  line-height: 140%;
}
.index_merit__target_title .notes {
  font-size: 0.75em;
  font-size: 0.75rem;
  line-height: 140%;
}
.index_merit__target_icon {
  display: table-cell;
  width: 48px;
  vertical-align: middle;
  text-align: center;
}
.index_merit__target_label {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.index_merit__staff_title {
  border-color: #BFD97A;
}
.index_merit__authority_title {
  border-color: #00A8EB;
}
.index_merit__manager_title {
  border-color: #FF7373;
}
.index_merit__accountant_title {
  border-color: #F39C36;
}
.index_merit__list {
  padding-left: 240px;
  font-size: 1em;
  font-size: 1rem;
  line-height: 140%;
}
.index_merit__list_well {
  position: relative;
  padding: 0.75em;
}
.index_merit__list_item {
  margin-left: 1.3em;
  list-style: outside disc;
}
.index_merit__list_arrow {
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -9px;
}

@media screen and (max-width: 767px) {
  .index_merit__target {
    margin: 15px 0;
  }
  .index_merit__target_title {
    float: none;
    width: 100%;
    padding: 9px;
    min-height: 0;
  }
  .index_merit__list {
    padding-left: 0;
    padding-top: 25px;
    font-size: 0.75rem;
    line-height: 140%;
  }
  .index_merit__list_arrow {
    left: 50%;
    top: -20px;
    margin-top: 0;
    margin-left: -9px;
  }
}
/* ------------------------------
 * チェックポイント
 * ------------------------------ */
.index_checkpoint{
  background: #F1F4F6;
}

.index_checkpoint__title > img {
  margin-right: -0.25em;
  vertical-align: -0.5em;
}
.index_checkpoint__wrapper {
  box-sizing: border-box;
  margin: 3em 0 0;
  padding: 40px;
  border: 1px solid #DDD;
}
.index_checkpoint__tagline {
  font-size: 1.25em;
  font-size: 1.25rem;
  line-height: 160%;
  text-align: center;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.index_checkpoint__tagline strong {
  font-size: 1.5em;
  font-size: 1.75rem;
  font-weight: normal;
  color: #F00;
}
.index_checkpoint__list {
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
    align-items: center;
}
.index_checkpoint__list_item {
  display: inline-block;
  width: calc(100% / 2 - 12px);
  min-height: 2em;
  margin: 0 0 15px 0 !important;
  vertical-align: middle;
}
.index_checkpoint__list_title {
  max-width: 80%;
  font-size: 0.85em;
  font-size: 1.125rem;
  line-height: 120%;
}
.index_checkpoint__list_item a{
  background-color: #fff;
  border: 2px solid #0078C9;
  border-radius: 3px;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 68px;

  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  padding: 10px;
  position: relative;
}
.index_checkpoint__list_item a:before{
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("/rakurakucloud/seisan/common/img/index_checkpoint__icon.png");

  position: absolute;
  left: -15px;
  top: -15px;
}
.index_checkpoint__list_item a:after{
      position: absolute;
    width: 8px;
    height: 8px;
    border-top: 3px solid #0078C9;
    border-right: 3px solid #0078C9;
    transform: rotate(45deg);
    right: 8px;
    font-size: 0;

  content: "";
  display: inline-block;
}
.index_checkpoint__list_item a:hover{
  background-color: #0078C9;
  color: #fff;
}
.index_checkpoint__list_item a:hover:after{
  border-color: #fff;
}
.function_sec01_index {
    box-sizing: border-box;
    padding: 60px 0;
}
.function_sec01_index h2{
  text-align: center;
}
@media screen and (max-width: 767px) {
  .index_checkpoint__title > img {
    width: 47px;
    height: auto;
  }
  .index_checkpoint__title_inner {
    display: inline-block;
    vertical-align: middle;
  }
  .index_checkpoint__wrapper {
    margin: 1em 0 0;
    padding: 20px;
  }
  .index_checkpoint__tagline {
    font-size: 0.625rem;
    line-height: 160%;
  }
  .index_checkpoint__tagline strong {
    font-size: 0.875rem;
  }
  .index_checkpoint__list_item {
    display: block;
    width: 100%;
    min-height: 0;
  }
  .index_checkpoint__list_title {
    font-size: 0.8125rem;
    line-height: 140%;
  }
}

@media screen and (max-width: 425px){
  .index_checkpoint__list_item a{
    font-size: 15px;
    height: auto;
  }
  .index_checkpoint__list_item a:before{
    width: 20px;
    height: 20px;
    left: -10px;
    top: -10px;
     background-size: contain;
  }
}
/* ------------------------------
 * ニュース＆コラム
 * ------------------------------ */
.index_news_and_column {
  box-sizing: border-box;
  padding: 60px 0 0;
}

@media screen and (max-width: 1023px) {
  .index_news_and_column {
    padding: 20px 0 0;
  }
}
/* ------------------------------
 * 導入企業コンテンツ
 * ------------------------------ */

h3.index_case_ttl {
font-size:28px;
text-align: center;
font-weight: normal;
position: relative;
display: inline-block;
margin: 2em 0 1em;
width: 100%;
max-width: 940px;
}
h3.index_case_ttl::after {
content: '';
position: absolute;
left: 43%;
bottom: -10px;
display: inline-block;
width: 140px;
height: 1px;
background-color: #3e7fdd;
}
.index_case {
background: #ebebeb;
border-radius: 10px;
padding: 3em;
max-width: 880px;
margin: 0;
}
.index_case p{
/*font-size:16px;*/
margin-bottom: 1.3em;
font-weight: 500;
}
.index_case p.case_text1{
padding-top: 1em;
}
.index_case p.case_text2{
margin-left: 1em;
}
.index_case p.case_text3{
background: #fff;
border-radius: 10px;
padding: 0.7em 1em 1em;
max-width: 480px;
}
.index_case p.case_text4{
margin-left: 1em;
margin-bottom: 0;
}
.index_case span.case_text5{
margin-left: 3em;
}
.index_case p.case_text6{
padding-top: 0.4em;
margin-left: 1em;
margin-bottom: 0;
}
.index_case p span.case_blue{
color: #3e7fdd;
margin-right: 1em;
}
.index_case p span.text_large{
font-size:30px;
font-weight: bold;
}
.index_case p span.text_line{
border-bottom: solid 6px #fe700d;
}
.index_case .case_left {
width: 277px;
float: left;
}
.index_case .case_left p{
margin-bottom: 0;
}
.index_case .case_right {
width: 530px;
float: left;
margin-left: 5em;
}
.index_case_link{
    text-align: center;margin: 15px; font-size: 1.4rem;
}
@media screen and (max-width: 980px) {
h3.index_case_ttl {
font-size: 1.125rem;
line-height: 140%;
}
h3.index_case_ttl::after {
display: none;
}
.index_case .case_left {
width: 100%;
text-align: center;
padding-bottom: 8px;
border-bottom: solid 1px #ccc;
margin-bottom: 10px;
  }
.index_case .case_right {
width: 100%;
margin-top: 15px;
margin-left: 0;
  }
.index_case_link {
  font-size: 1.0rem;
}
}
/* ============================
 *
 *     BEM/Feature
 *
 * ============================ */
/* -------------------------------------------------------
 *  色付き人物アイコン
 * ------------------------------------------------------- */
.feature_portrait_sprite {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(/rakurakucloud/seisan/common/img/sprite_portrait_icons.png) no-repeat 0 0; /* for IE7 IE8 */
  background: rgba(0,0,0,0) url(/rakurakucloud/seisan/common/img/sprite_portrait_icons.svg) no-repeat; /* modern browser */
  vertical-align: middle;
}

.feature_portrait_spr_public {
  background-position: 0px 0;
}

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

.feature_portrait_spr_woman {
  background-position: -72px 0;
}

.feature_portrait_spr_ancle {
  background-position: -108px 0;
}

/* -------------------------------------------------------
 *  お悩み人物アイコン
 * ------------------------------------------------------- */
.feature_troubles_sprite {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(/rakurakucloud/seisan/common/img/sprite_troubles_icons.png) no-repeat 0 0; /* for IE7 IE8 */
  background: rgba(0,0,0,0) url(/rakurakucloud/seisan/common/img/sprite_troubles_icons.svg) no-repeat; /* modern browser */
  vertical-align: middle;
}

.feature_troubles_spr_public {
  background-position: 0px 0;
}

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

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

/* -------------------------------------------------------
 *  図内の矢印とラベルのセット
 * ------------------------------------------------------- */
.feature_arrow_set__arrow {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 36px;
  vertical-align: middle;
}
.feature_arrow_set__arrow:before {
  content: " ";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  background: #E3007E;
}
.feature_arrow_set__arrow:after {
  content: " ";
  display: block;
  position: absolute;
  left: 50%;
  top: 16px;
  margin-left: -16px;
  border-top: 20px solid #E3007E;
  border-right: 16px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 16px solid transparent;
}
.feature_arrow_set__label {
  display: inline-block;
  font-size: 1.25em;
  font-size: 1.25rem;
  line-height: 140%;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .feature_arrow_set__arrow {
    width: 18px;
    height: 18px;
  }
  .feature_arrow_set__arrow:before {
    width: 8px;
    height: 8px;
    margin-left: -4px;
  }
  .feature_arrow_set__arrow:after {
    top: 8px;
    margin-left: -8px;
    border-top: 10px solid #E3007E;
    border-right: 8px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 8px solid transparent;
  }
  .feature_arrow_set__label {
    font-size: 0.6875rem;
    line-height: 140%;
  }
}
/* -------------------------------------------------------
 *  選ばれる理由の図
 * ------------------------------------------------------- */
.feature_diagram__chargers {
  text-align: center;
}
.feature_diagram__charger {
  display: inline-block;
  width: 196px;
  margin: 0.5em 1em;
  text-align: left;
}
.feature_diagram__charger_arrow {
  margin: 0.5em 2.25em;
}
.feature_diagram__icon_bar {
  text-align: center;
}
.feature_diagram__icon_bar_item {
  display: inline-block;
  margin: 0.75em 1.5em;
  vertical-align: top;
}
.feature_diagram__icon_bar_label {
  display: block;
  font-size: 1em;
  font-size: 1rem;
  line-height: 140%;
  margin-top: 0.5em;
}

@media screen and (max-width: 1023px) {
  .feature_diagram__icon_bar_label {
    font-size: 0.875em;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .feature_diagram__charger {
    width: 83px;
    margin: 0.25em 0.5em;
  }
  .feature_diagram__charger_arrow {
    margin: 0.25em 0 0.25em 1.25em;
  }
  .feature_diagram__icon_bar_item {
    margin: 0 0.125em;
  }
  .feature_diagram__icon_bar_label {
    max-width: 5.1em;
    font-size: 0.625rem;
    line-height: 140%;
    margin-top: 0.25em;
  }
  .feature_diagram__icon_bar_label__wide {
    max-width: 8.1em;
  }
}
/* -------------------------------------------------------
 *  交通費・経費精算のこんな悩み
 * ------------------------------------------------------- */
.feature_trouble__chargers {
  width: 880px;
}
.feature_trouble__charger {
  display: inline-block;
  width: 400px;
  margin: 10px;
  box-sizing: border-box;
  padding-left: 120px;
  vertical-align: top;
}
.feature_trouble__list {
  margin-top: 1em;
}
.feature_trouble__list_item {
  font-size: 1em;
  font-size: 1rem;
  line-height: 140%;
}
.feature_trouble__list_item .arrow {
  margin-right: 0.25em;
}

@media screen and (max-width: 1023px) {
  .feature_trouble__chargers {
    width: 100%;
  }
  .feature_trouble__charger {
    width: 46%;
    margin: 1%;
    padding-left: 5%;
  }
}
@media screen and (max-width: 767px) {
  .feature_trouble__charger {
    display: table;
    width: auto;
    margin: 0.5em 0;
    padding-left: 0;
  }
  .feature_trouble__charger_title {
    display: table-cell;
  }
  .feature_trouble__list {
    display: table-cell;
    margin-top: 0;
    padding-left: 1em;
  }

  .feature_trouble__list_item {
    font-size: 0.6875rem;
    line-height: 140%;
  }
}
/* -------------------------------------------------------
 *  コスト削減効果
 * ------------------------------------------------------- */
.feature_costcut__diagram {
  width: 420px;
  margin: 0 auto;
}

.feature_costcut__diagram_caption {
  margin-top: 1em;
  text-align: left;
  font-size: 0.625em;
  font-size: 0.625rem;
}

@media screen and (max-width: 767px) {
  .feature_costcut__diagram {
    width: auto;
  }

  .feature_costcut__diagram_caption {
    font-size: 0.5rem;
  }
}
/* -------------------------------------------------------
 *  安心のセキュリティ
 * ------------------------------------------------------- */
.feature_security__list {
  text-align: center;
}
.feature_security__item {
  display: inline-block;
  width: 32%;
  margin: 1em 0;
  vertical-align: top;
}
.feature_security figcaption {
  font-size: 1em;
  font-size: 1rem;
  line-height: 120%;
}

.feature_security__icon_placeholder {
  display: inline-block;
  background: #0078C9;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  text-align: center;
  vertical-align: middle;
  line-height: 96px;
}

@media screen and (max-width: 767px) {
  .feature_security figcaption {
    font-size: 0.75rem;
    line-height: 120%;
  }
  .feature_security__item {
    display: inline-block;
    width: 44%;
    margin: 1em 0.5em;
  }
  .feature_security figcaption {
    max-width: 8em;
    margin: 0 auto;
  }

  .feature_security__icon_placeholder {
    margin-bottom: 0.5em;
  }
}
/* -------------------------------------------------------
 *  セキュリティアイコン
 * ------------------------------------------------------- */
.feature_security_icons {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background: url(/rakurakucloud/seisan/common/img/sprite_security_icons.png) no-repeat 0 0;/* for IE7 IE8 */
  background: rgba(0,0,0,0) url(/rakurakucloud/seisan/common/img/sprite_security_icons.svg) no-repeat; /* modern browser */
  vertical-align: middle;
}

.feature_security_spr_ssl {
  background-position: 0px 0;
}

.feature_security_spr_assesment {
  background-position: -48px 0;
}

.feature_security_spr_monitoring {
  background-position: -96px 0;
}

.feature_security_spr_datacenter {
  background-position: -144px 0;
}

.feature_security_spr_substitution {
  background-position: -192px 0;
}

.feature_security_spr_backup {
  background-position: -240px 0;
}

/* ============================
 *
 *    BEM/Function
 *
 * ============================ */
/* ------------------------------
 *  機能一覧
 * ------------------------------ */
.function_index__panel {
  position: relative;
  border: 2px solid #0078C9;
}
.function_index__panel_tagline {
  margin-top: 0.5em;
  font-size: 1em;
  font-size: 1rem;
  line-height: 160%;
}
.function_index__see_detail {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.function_index__panel_content {
  box-sizing: border-box;
  padding-bottom: 4em;
}
.function_index__panel_content h2{
  box-sizing: border-box;
  margin: 1em 0 0.5em 0;
  font-size: 1.2rem;
  color: #0078C9;
}
.function_index__panel_box {
	margin: 15px 0;
	background: #fff;
  text-align: left;
  border: 1px solid #0078C9;
}
.function_index__panel_box .merit {
	display: inline-block;
	padding: 3px 10px;
	background: #f78633;
	color: #fff;
}
.function_index__panel_box .merit-bigtitle {
  font-size: 22px;
  min-width: 30%;
  letter-spacing: 1px;
	padding: 10px 15px;
  border-radius: 0 0 10px 0;
}
.function_index__panel_box .merit-bigtitle-blue {
  font-size: 22px;
  min-width: 30%;
	padding: 10px 15px;
  border-radius: 0 0 10px 0;
  background: #0078C9;
  letter-spacing: 1px;
}

.function_index__panel_box ul {
	padding: 10px 20px 10px 40px;
	font-size: 1rem;
}
.function_index__panel_box li {
	margin-bottom: 3px;
	list-style-type: disc;
}
.function_index__panel_box li b{
	padding-top: 10px;
  display: inline-block;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: bold;
  color: #555;
}
.function_index__panel_box li p{
font-size: 14px;}

.function_index_toplist_title {
	text-align: center !important;
}
.panel_content.function_index_toplist_wrap {
	padding: 20px 10px 10px;
  border: 2px solid #0078C9;
}
.function_index_toplist li {
	float: left;
	margin: 0 0 10px 55px;
	list-style-type: disc;
}
.function_index_toplist li a {
	color: #333;
	text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  .function_index__panel_tagline {
    font-size: 0.875em;
    font-size: 0.875rem;
    line-height: 160%;
  }
  .function_index__see_detail {
    font-size: 0.875em;
    font-size: 0.875rem;
    line-height: 160%;
  }
  .function_index__panel_box, .function_index__panel_box ul {
	font-size: 0.875rem;
	line-height: 160%;
  }
  .function_index_toplist li {
	font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) {
  .function_index__panel_tagline {
    font-size: 0.75rem;
    line-height: 160%;
  }
  .function_index__see_detail {
    font-size: 0.75rem;
    line-height: 160%;
  }
  .function_index__panel_box, .function_index__panel_box ul {
	font-size: 0.75rem;
	line-height: 160%;
  }
  .function_index__panel_box ul {
	padding: 8px 20px 8px 35px;
  }
  .function_index__panel_box li {
	margin-bottom: 0;
  }
  .panel_content.function_index_toplist_wrap {
	padding :20px 10px;
  }
  .function_index_toplist_title {
	text-align: left;
  }
  .function_index_toplist li {
	float: none;
  }
  .function_index_toplist li {
    margin: 0 0 0 30px;
	font-size: 0.75rem;
  }

}
/* ------------------------------
 *  機能一覧 - 詳細
 * ------------------------------ */
.function_all {
  margin-top: 4em;
  margin-bottom: 4em;
  border: 2px solid #0078C9;
}
.function_all__title {
  text-align: center;
  font-size: 1.5em;
  font-size: 1.5rem;
  line-height: 140%;
}
.function_all__title > img {
  width: 125px;
  height: auto;
  margin: 0 0.1em;
  vertical-align: bottom;
}

.function_all_list {
  width: 943px;
  margin: 5px auto;
  letter-spacing: -0.35em;
}
.function_all_list__item {
  display: inline-block;
  width: 170px;
  margin: 8px 9px;
  letter-spacing: 0;
  vertical-align: top;
}
.function_all_list__btn {
  display: table;
  width: 170px;
  padding: 0.75em 0.5em;
}
.function_all_list__btn_icon {
  display: table-cell;
  width: 30px;
  padding-left: 5px;
  vertical-align: middle;
}
.function_all_list__btn_label {
  display: table-cell;
  vertical-align: middle;
  line-height: 110%;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}
.function_all_list__btn_arrow {
  width: 18px;
  display: table-cell;
  vertical-align: middle;
}


/*H.M20190131*/

section.minicolumn {
    background-color: #f6fbff;
    padding: 3%;
    border-radius: 10px;
    border: 3px solid #d2ebfb;
	max-width: 96%;
	margin: 10px auto;
}
section.minicolumn h3 {
    font-size: 150%;
    margin-bottom: 0.8em;
    color: #007bc7;
    font-weight: 500;
    border-bottom: 2px solid #d2ebfb;
    padding-bottom: 0.3em;
}
section.minicolumn p {
    margin-top: 10px;
}
ol.mcolumn_li {
    list-style: decimal-leading-zero;
    padding-left: 30px;
    margin: 20px 0;
    background-color: #ffffff;
    padding: 20px 40px 10px 50px;
    box-shadow: inset 0px 3px 4px rgba(205, 233, 255, 0.62);
    border-radius: 10px;
}
ol.mcolumn_li li {
    padding-bottom: 20px;
}
ol.mcolumn_li h4 {
    font-size: 110%;
    font-weight: 600;
}
@media screen and (max-width: 1023px) {
  .function_all_list {
    width: 100%;
    margin: 0;
  }
  .function_all_list__item {
    display: inline-block;
    width: 23%;
    margin: 1%;
    letter-spacing: 0;
    vertical-align: top;
  }
  .function_all_list__btn {
    display: table;
    width: 100%;
  }
section.minicolumn h3 {
    font-size: 130%;
    margin-bottom: 0.4em;
    padding-bottom: 0.2em;
}
}
@media screen and (max-width: 767px) {
  .function_all {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .function_all__title {
    font-size: 1rem;
    line-height: 140%;
  }
  .function_all__title > img {
    width: 80px;
    height: auto;
  }

  .function_all_list__item {
    display: inline-block;
    width: 48%;
    margin: 1%;
  }
  .function_all_list__btn {
    padding-right: 0.25em;
  }
  .function_all_list__btn_icon {
    padding-left: 0;
  }
  .function_all_list__btn_label {
    height: 2em;
    font-size: 0.6875rem;
  }

}
/* --------------------------------------------------
 *  機能一覧 - 詳細 - 共通リード部分
 * -------------------------------------------------- */
.function_leading__put_left {
  display: table;
  width: 100%;
}
.function_leading__put_left_icon {
  display: table-cell;
  width: 9%;
  vertical-align: middle;
}
.function_leading__put_left_story {
  display: table-cell;
  width: 91%;
  padding-left: 1em;
  vertical-align: middle;
  font-size: 0.875em;
  font-size: 0.875rem;
  line-height: 180%;
}

@media screen and (max-width: 767px) {
  .function_leading__put_left {
    display: block;
  }
  .function_leading__put_left_icon {
    display: block;
    width: 100%;
    text-align: center;
  }
  .function_leading__put_left_story {
    display: block;
    width: 100%;
    margin-top: 1em;
    padding-left: 0;
    font-size: 0.75rem;
    line-height: 160%;
  }
}
/* --------------------------------------------------
 *  クレジットカード連携 - カード画像
 * -------------------------------------------------- */
.function_credit__list {
  margin-top: 20px;
  text-align: center;
}
.function_credit__list_item {
  display: inline-block;
  margin: 20px;
}
.function_credit__list_item img {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .function_credit__list {
    margin-top: 10px;
  }
  .function_credit__list_item {
    margin: 20px;
  }
  .function_credit__list_jcb {
    width: 45px;
    height: auto;
  }
  .function_credit__list_visa {
    width: 61px;
    height: auto;
  }
  .function_credit__list_master {
    width: 58px;
    height: auto;
  }
  .function_credit__list_amex {
    width: 36px;
    height: auto;
  }
}
/* ============================
 *
 *     BEM/Price
 *
 * ============================ */
/* ------------------------------
 *  料金
 * ------------------------------ */
/* ===== クラウド ===== */

#results {
  padding: 70px 0 0 !important;
}
#results.nopadding {
  padding: 0 !important;
}
.index #results {
  padding: 40px 0 0 !important;
}
.price_cloud__text {
  margin-bottom: 1em;
}
.price_cloud__diagram {
  letter-spacing: -0.35em;
  text-align: center;
}
.index02 .price_cloud__diagram {
  margin: 0;
}
.index02 .price_cloud__diagram + .panel {
  margin: 1em auto;
}
.price_cloud__diagram_item {
  display: inline-block;
  margin: 0 1em;
  letter-spacing: 0;
}
.price_system p.price_system_small {
  font-size: 1.3rem;
}
.index02 .priceform .panel_content {
  padding: 10px 20px;
}
.price_cloud__diagram_title {
  margin-top: 1em;
  font-size: 1.125em;
  font-size: 1.125rem;
  line-height: 140%;
  color: #0078C9;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.price_cloud__diagram_title strong {
  font-size: 1.5em;
  font-size: 1.5rem;
  line-height: 140%;
  font-weight: bold;
}
.index02 .price_main .cloud_formtitle {
  margin-top: 1em;
}
.index .price_system__price {
  box-sizing: border-box;
  display: inline-block;
  width: 300px;
  height: 300px;
  font-size: 1.25rem;
  line-height: 140%;
  color: #4c4948;
  text-align: center;
  font-family: "Noto Sans CJK JP", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  letter-spacing: 0px;
  box-shadow: rgb(219, 222, 224) 0px 2px 2px 2px;
  padding: 100px 0.5em 0px;
  background: rgb(255, 255, 255);
  border-radius: 150px;
}
.index .price_system__plus {
  width: 14%;
  display: inline-block;
  font-size: 10rem;
  line-height: 120%;
  text-align: center;
  vertical-align: -0.125em;
  letter-spacing: 0;
}
.index .price_system__amount {
  display: inline-block;
  margin-left: 0;
  font-size: 3rem;
  line-height: 140%;
  color: #007bc7;
}
.index .price_txt {
  padding-bottom: 2em;
  text-align: center;
}
.index .price_txt2 {
  margin-top: 3em !important;
  padding-bottom: 2em;
  text-align: center;
}
.index .priceform {
  position: relative;
  margin-top: 50px;
  background: url(/rakurakucloud/seisan/common/img/price/bg_dots.gif) 0 0 repeat;
  box-shadow: 0px 2px 2px -1px #dbdee0;
}
.index .priceform h2 {
  font-size: 1.15rem;
  display: table;
  text-align: center;
  background: #007bc7;
  padding: 0.7rem;
  border-radius: 60px;
  width: 40%;
  box-sizing: border-box;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  transform: translate(-50%,-50%);
  margin: auto;
}
.index .priceform h2::after {
  top: 60px;
  left: 50%;
  right: 50%;
  transform: translate(-50%,-50%);
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #007bc7;
  border-width: 20px;

}

@media screen and (max-width: 767px) {
  .price_cloud__diagram_item {
    display: inline-block;
    margin: 0 0.5em;
  }
  .price_cloud__diagram_item:last-child {
    min-width: 5em;
    padding-right: 1.5em;
  }
  .price_cloud__diagram_title {
    margin-top: 0.5em;
    font-size: 0.625rem;
    line-height: 120%;
  }
  .price_cloud__diagram_title strong {
    font-size: 0.875rem;
    line-height: 140%;
  }
  .price_cloud__diagram_icon__cloud {
    width: 48px;
    height: auto;
  }
  .price_cloud__diagram_icon__company {
    width: 41px;
    height: auto;
  }
  .price_cloud__diagram_icon__func {
    width: 31px;
    height: auto;
  }
}

/* add 2023 0117 start */
#cloud .section__heading {
  position: relative;
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  margin-bottom: 50px;
  color: #4c4948;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  #cloud .section__heading {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  #cloud .section__heading {
    font-size: 25px;
  }
}
#cloud .section__heading::after {
  position: absolute;
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: auto;
  background-color: #007bc7;
}

#cloud .section {
  width: 100%;
  margin-left: -10px;
  padding: 50px 10px;
}
@media screen and (min-width: 768px) {
  #cloud .section {
    padding: 40px 10px 90px;
  }
}
@media screen and (min-width: 1021px) {
  #cloud .section {
    width: calc(100% + 100vw - 1020px);
    margin-left: calc((100vw - 1000px) / -2);
  }
}

#cloud .bg-color-light-blue {
  background: #E5F2FA;
}

@media screen and (min-width: 768px) {
  #cloud.gutter_2 .sp-only {
    display: none;
  }
}
#cloud.gutter_2 .priceform {
  max-width: 1000px;
  margin: 50px auto 0;
  background: #fff;
  box-shadow: none;
}
#cloud.gutter_2 .priceform h2::after {
  top: 52px;
}
@media screen and (min-width: 768px) {
  #cloud.gutter_2 .priceform h2::after {
    top: 60px;
  }
}
#cloud.gutter_2 .priceform #results {
  padding: 40px 10px 15px !important;
}
@media screen and (min-width: 768px) {
  #cloud.gutter_2 .priceform #results {
    padding: 47px 50px 22px !important;
  }
}
#cloud.gutter_2 .priceform #results .price_txt2 {
  margin-top: 15px !important;
  padding-bottom: 0;
}
#cloud.gutter_2 .price_system__price {
  height: auto;
  min-height: 80px;
  padding: 15px;
  border: 1px solid #4b4948;
  border-radius: 0;
  box-shadow: none;
}
@media screen and (min-width: 768px) {
  #cloud.gutter_2 .price_system__price {
    width: 42.2%;
    max-width: 380px;
    padding: 26.5px 30px;
  }
}
#cloud.gutter_2 .price_system__plus {
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  #cloud.gutter_2 .price_system__plus {
    width: 15.6%;
    font-size: 9rem;
    line-height: 0.9;
  }
}
@media screen and (min-width: 768px) {
  #cloud.gutter_2 .price_system__amount {
    line-height: 1;
  }
}
#cloud.gutter_2 .price_system__tax {
  margin-right: -8px;
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  #cloud.gutter_2 .price_system__tax {
    margin-right: -155px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
  }
}
#cloud.gutter_2 .price_system__wrap_prices {
  margin: 0;
  font-size: 0;
  letter-spacing: normal;
}
/* add 2023 0117 end */

/* ===== システム ===== */
.price_system {
  margin-bottom:2em;
  color: #0078C9;
}
.price_system p {
  font-size: 1.5em;
  font-size: 1.5rem;
  line-height: 140%;
}
.bg-price {
  position: relative;
}
.bg-price:after {
  content: '';
  position: absolute;
  left: 90px;
  bottom: 0;
  background: url(/rakurakucloud/seisan/common/img/img_price_yoko.png) 0 0 no-repeat;
  background-size: cover;
  width: 150px;
  height: 193px;
  z-index: 0;
}
.price_system__wrap_prices {
  margin: 1em 0;
  text-align: center;
  letter-spacing: -0.35em;
}
.price_system__price {
    box-sizing: border-box;
    display: inline-block !important;
    width: 300px;
    height: 300px;
    padding: 100px 0.5em 0;
    background: #FFF;
    border-radius: 150px;
    font-size: 1.25rem;
    line-height: 140%;
    color: #007bc7;
    text-align: center;
    font-family: "Noto Sans CJK JP", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    letter-spacing: 0;
    box-shadow: 0px 2px 2px 2px #dbdee0;
}
.price_system__plus {
  width: 14%;
  display: inline-block;
  font-size: 10rem;
  line-height: 120%;
  text-align: center;
  vertical-align: -0.125em;
  letter-spacing: 0;
}
.price_system__amount {
  display: inline-block;
  margin-left: 0;
  font-size: 3rem;
  line-height: 140%;
  color: #007bc7;
}
.price_system__tax {
  display: block;
  text-align: right;
  font-size: 15px;
  padding-right: 20px;
  font-weight: normal;
}
.price_system__action_bar {
  margin-top: 1em;
  text-align: center;
  font-size: 1.125em;
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: bold;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.price_system__pkg_price {
  box-sizing: border-box;
  display: inline-block;
  width: 46%;
  padding: 0.5em;
  background: #2C92D7;
  border-radius: 6px;
  font-size: 1.25em;
  font-size: 1.25rem;
  line-height: 200%;
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  letter-spacing: 0;
}
.price_system p.price_system_text {
  margin-top: 10px;
  font-size: 20px;
}
.price_system .btn_base {
  margin-top: 10px;
  padding: 20px;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .price_system {
    margin-bottom: 0.5em;
  }
  .price_system p {
    font-size: 1rem;
    line-height: 140%;
  }
  .price_system__wrap_prices {
    margin: 0.25em 0;
  }
  .price_system__price {
    width: 140px;
  height: 140px;
  padding-top: 50px;
    display: block;
    font-size: 0.8rem;
    line-height: 140%;
  }
  .price_system__plus {
    font-size: 5rem;
  line-height: 100%;
  }
  .price_system__amount {
    margin-left: 0.25em;
    font-size: 1.5rem;
    line-height: 180%;
  }
  .price_system__action_bar {
    margin-top: 0.5em;
    font-size: 0.875rem;
    line-height: 140%;
  }
  .price_system__pkg_price {
    display: block;
    width: 100%;
    padding: 0.25em;
    font-size: 1rem;
    line-height: 180%;
  }
  .price_system p.price_system_text {
    margin-top: 10px;
    font-size: 15px;
    text-align: left;
  }
  .price_system .btn_base {
    margin-top: 10px;
    padding: 10px !important;
    width: 100%;
    font-size: 18px;
  }
  .bg-price:after {
  width: 92px;
  height: 118px;
  background-position: -50px 5px;
  background: url(/rakurakucloud/seisan/common/img/img_price_yoko.png) 0 0 no-repeat;
  background-size: cover;
  left: -0px;
  }
  #results .cta__btn__price {
    font-size: 1.2rem;
     width: 90%;
}
  .cta-cm:before, .cta-cm:after {
    display: none;
  }
}
#priceform {
  padding-top: 80px;
}
#priceform.priceform-compact {
  padding-top: 50px;
}
.cloud_formtitle {
  background: #eee;
  padding: 30px;
  color: #0078C9;
  text-align: center;
  font-size: 20px;
}
.cloud_formtitle h2 {
  font-size: 130%;
  text-align: center;
  margin-top: 20px;
  padding-top: 30px;
  font-weight: bold;
  border-top: 1px solid #ccc;
}
.index .cloud_formtitle {
  position: relative;
}
.index .cloud_formtitle::before {
  content: '';
  position: absolute;
  top: -90px;
  left: -30px;
  background: url(/rakurakucloud/seisan/common/img/price/img_price_yoko.png) 0 0 no-repeat;
  background-size: cover;
  width: 447px;
  height: 230px;
  z-index: 0;
}
.index .cloud_formtitle h2 {
  padding-top: 0;
  border-top: none;
  line-height: 1.4;
}
.index .cloud_formtitle h2 span {
  color: #333;
  font-size: 18px;
  font-weight: normal;
  position: relative;
}
.index .cloud_formtitle h2 span::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 18px;
  top: 5px;
  left: -20px;
  transform: rotate(-40deg);
  background: #333;
}
.index .cloud_formtitle h2 span::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 18px;
  top: 5px;
  right: -20px;
  transform: rotate(40deg);
  background: #333;
}
.cloud_formtitle p {
  line-height: 1.3;
}
.index .cloud_formtitle p.lead {
  color: #333;
  font-size: 16px;
  margin-top: 20px;
}
.index .cloud_formtitle p.lead.border-bottom {
  border-bottom: 1px solid #007bc7;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
    #priceform {
    padding-top: 40px;
	}
	.cloud_formtitle {
    background: #eee;
    padding: 10px;
    color: #0078C9;
    text-align: left;
    font-size: 14px;
  }
  .index .price_system__price {
    width: 140px;
    height: 140px;
    padding-top: 50px;
    font-size: 0.8rem;
  }
  .index .price_system__plus {
    font-size: 5rem;
    line-height: 100%;
  }
  .index .price_system__amount {
    font-size: 1.5rem;
  }
  .index .cloud_formtitle::before {
    width: 120px;
    height: 105px;
    background-position: -10px 20px;
    top: -50px;
    left: -50px;
  }
}
/* ------------------------------
 *  国内導入シェアNo.1！
 * ------------------------------ */
.topshare {
  margin: 120px 0;
}
.topshare .tagline_set .hero-cta-box-panel2 {
  font-size: 1.7rem;
}
.topshare h4 {
  font-size: 20px;
  text-align: center;
  margin: 20px 0 0;
}
.cf:before, .cf:after {
    content: "";
    display: table;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    min-height: 200px;
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
  transform: translate3d(0, 0, 0);
  margin: 0 auto;
}
.caselist.-v2 {
	padding: 80px 0 40px;
}
.-v2 .slick-initialized .slick-slide {
	border-radius: 20px;
	transition: all 0.8s ease-in-out;
	margin-bottom: 85px;
	min-height: 333px;
	height: 17vw;
	transition-delay: 0.2s;
}

.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content-image {
	background-size: cover;
  border-radius: 10px;
	transition:.2s;
	box-shadow: 0 3px 17px #ccc;
}
.-v2 .caseslider-wrap.slickslider .slick-slide a:hover .caseslider-wrap-content-image {
  -webkit-transform: scale(0.95);
	-moz-transform: scale(0.96);
	-ms-transform: scale(0.96);
	-o-transform: scale(0.96);
	transform: scale(0.96);
	transition: cubic-bezier(0.4, 1.27, 0.74, 1.26) 0.35s;
	filter: brightness(92%);
	filter: brightness(97%);
	box-shadow: 0 1px 10px #e0e0e0;
}


.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content-image,
.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content a {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 13.5vw;
	position: relative;
  max-height: 350px;
  max-width: 600px;
  margin: 0 auto;
}
.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content p {
    font-weight: bold;
		text-align: center;
		margin-top: 15px;
}
.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content:not(.slick-center) p {
    display: none;
}
.slickslider .slick-slide:not(.slick-center) {
	-webkit-transform: scale(0.65);
	-moz-transform: scale(0.65);
	-ms-transform: scale(0.65);
	-o-transform: scale(0.65);
	transform: scale(0.65);
}
.slickslider .slick-slide:not(.slick-center) a:hover .caseslider-wrap-content-image {
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
}
/* ロールオーバーでマスク */
.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content .case-slider-item-mask {
  display: none;
}
.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content.slick-center .case-slider-item-mask {
  height: 100%;
  min-height: 13.5vw;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  color: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0 30px;
  transition:all 0.3s ease;
}
.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content.slick-center a:hover .case-slider-item-mask {
  opacity: 1;
}
.case-slider-item-mask-bt {
  display: inline-block;
  margin: 2rem auto;
  padding: 1.7rem 1.5rem 1.5rem;
  width: 300px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 1.5;
  border-width: 3px;
  border-radius: 4em;
  border-style: solid;
  background: transparent;
  cursor: pointer;
  user-select: none;
  vertical-align: bottom;
  position: relative;
  overflow: hidden;
  transition: all 1.3s;
  background: rgba(255,255,255,0.4);
}
.case-slider-item-mask-bt:hover {
  background: linear-gradient(30deg, #167ac6, #001684);
}
.case-slider-item-mask-bt::before {
  position: absolute;
  height: 100%;
  font-size: 175%;
  line-height: 1.75;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  left: 70%;
  opacity: 0;
  top: 0;
  content: "›";
}
.case-slider-item-mask-bt:hover::before {
  left: 90%;
  opacity: 1;
}
.case-slider-item-mask-bt::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 4em;
  transform: scaleX(0.5);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
}
.case-slider-item-mask-bt:hover:after {
  transform: scaleX(1);
  opacity: 1;
  transition: transform 0.4s, opacity 0.4s;
  background: linear-gradient(30deg, rgba(0,140,207,1), rgb(0, 168, 207));
}
.-v2 .caseslider-wrap-content .caseslider-wrap-content-text { transition: all 0.3s; }
.-v2 .caseslider-wrap-content a:hover + .caseslider-wrap-content-text { color: #008ccf; }

.-v2 .caseslider-link li {
  border: 1px solid #ccc;
  background: #f1f4f6;
}
.-v2 .caseslider-link .slick-active {
    background-color: #018fd0;
    border: 2px solid #018fd0;
}
.-v2 .caseslider-arrow { top: 32%; }
.-v2 .caseslider-back {
  position: absolute;
  width: 40px;
  height: 40px;
  border-top: 4px solid #0078C9;
  border-left: 4px solid #0078C9;
  transform: rotate(-45deg);
  left: 32.5%;
  font-size: 0;
}
.-v2 .caseslider-next {
  position: absolute;
  width: 40px;
  height: 40px;
  border-top: 4px solid #0078C9;
  border-right: 4px solid #0078C9;
  transform: rotate(45deg);
  right: 32.5%;
  font-size: 0;
}
.-v2 .caseslider-link { margin-top: 20px; }
.caselist.-v2 .list-more { margin-top: 15px; }
@media screen and (max-width: 1500px) {
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content-image,
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content a {max-height: 250px;}
  .-v2 .slick-initialized .slick-slide {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1200px) {
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content-image,
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content a {height:95%;}
	.case-slider-arrow{margin-top: -60px;}
}
@media screen and (max-width: 1075px) {
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content-image,
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content a {height:90%;}
}
@media screen and (max-width: 970px) {
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content-image,
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content a {height:86%;}
	.case-slider-arrow{margin-top: -90px;}
}
@media screen and (max-width: 900px) {
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content-image,
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content a {height:83%;}
}
@media screen and (max-width: 833px) {
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content-image,
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content a {height:80%;}
	.case-slider-arrow{margin-top: -100px;}
}
@media screen and (max-width: 768px) {
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content-image,
	.-v2 .caseslider-wrap.slickslider .caseslider-wrap-content a {height:100%;}
	.case-slider-arrow{margin-top: 0px;}
  .caselist.-v2 .home-heading-lv1 { margin-bottom: 10px; }
  .-v2 .slick-list {
      padding: 0 !important;
      margin: 0 3%;
  }
  .-v2 .slick-initialized .slick-slide {
      min-height: 160px;
      height: 52vw;
  }
  .-v2 .caseslider-wrap.slickslider .caseslider-wrap-content a p {
      bottom: -58px;
      font-size: 1.3rem;
  }
  .-v2 .caseslider-arrow { top: 34.5%; }
  .-v2 .caseslider-back { left: 2%; width: 20px; height: 20px; }
  .-v2 .caseslider-next { right: 2%; width: 20px; height: 20px;}
}
@media screen and (max-width: 600px) {
	.case-slider-arrow{margin-top: 0px;}
	.-v2 .caseslider-arrow { top: 31%; }
}
.casesliderarea {
  width: 100%;
  margin-bottom: 45px;
}

.caseslider {
  margin-bottom: 30px;
  position: relative;
  display: none;
}

.caseslider-list {
  position: relative;
}

.caseslider-wrap .caseslider-wrap-content {
  width: 100%;
  height: 33vw;
  min-height: 27vw;
  float: left;
  position: relative;
}
.caseslider-wrap .caseslider-wrap-content a {
  display: block;
  width: 100%;
  height: 33vw;
  min-height: 27vw;
}
.case-slider-photo {
  width: 50%;
  height: 100%;
  float: right;
  position: relative;
  background-color: #deeef1;
  overflow: hidden;
}
.page-case .case-slider-photo {
  width: 100%;
  /*width: 50%;*/
  /*position: absolute;*/
  display: inline-block;
  top: 0px;
  z-index: -5;
}

.case-slider-photo .case-slider-image {
  position: absolute;
  top: 50%;
  left: 50%;
  /*min-width: 960px;
  min-height: 486px;
  width: 100%;
  height: auto;*/
  /*z-index: -100;*/
  z-index: 1;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);

  min-width: inherit;
  min-height: inherit;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-slider-photo .case-logo {
	 position: absolute;
	 z-index: 2;
	 top: 3%;
	 left: 1%;
	 max-width: 270px;
	 max-height: 180px;
	 display:none;
}
.case-slider-photo .case-logo img{max-height:130px}
.case-logo{
	 position:absolute;
	 z-index: 2;
	 top: 3%;
	 /*right: 3%;*/
	 left: 2%;
	 max-width: 260px;
	 max-height: 100px;
	 display:none;
}
.case-logo-lp{
    z-index: 2;
    max-width: 220px;
    max-height: 90px;
    height:95px;
    margin:auto;
}
.case-slider-body {
  width: 50%;
  height: 100%;
  float: left;
  /*background-color: #deeef1;*/
  position: relative;
  background: transparent;/*ahayatsu*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bb4d5', endColorstr='#5d9dcb',GradientType=0 );
  display:none;
}
.page-case .case-slider-body {
  width: 50%;
  display: inline-block;
  /*background-color: transparent;*/
  /*background-color: #fff;*/
  /*background-color: #deeef1;*/
  background-color: transparent;
  position: absolute;
  top: 0;
  z-index: 5;
  display:none;
}
.case-slider-inner {
  width: 770px;
  margin-top: 20%;
  /*padding-right: 45px;*/
  float: right;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.case-slider-title {
  font-family: 'HanaMinA';
  /*font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 33px;
  /*font-size: 3.3rem;*/
  font-size: 3.0rem;
  font-weight: 300;
  color: #2f2c2b;
  color: #fff;
  line-height: 1.65;
  line-height: 1.5;
  letter-spacing: -.08em;
  letter-spacing: 0.05em;
  padding: 0 0 0 7%;
  /*margin-bottom: 87px;*/
  margin-bottom: 15px;
  /*background: url(../images/ico/ico_quotation_bk.png) no-repeat 0 0;*/
  background: url(../images/ico/ico_quotation_wh.png) no-repeat 0 0;
  background-size: 32px 25px;
}
.page-case .case-slider-title {
  color: #fff;
  /*color: #007bc7;*/
  /*background: none;*/
  /*text-shadow: 0px 0px 15px #333333;*/
  /*width: 50%;*/
  width: 100%;
  margin-left:6%;
}
.case-slider-title p {
	 margin-bottom: 15px;
}
.case-slider-title p.case-head,
.case-slider-title {
	 font-size: 14px;
}
.case-slider-title .case-lead{
	 line-height: 120%;
	 font-size: 1.3em;
	 text-shadow: 0px 0px 20px #007bc7;
	 font-weight: bold;
}
p.case-name {
	 font-weight:normal;/*ahayatsu*/
	 line-height: 130%;
	 margin-top: 50px;
	 font-size: 100%;
	 font-weight:bold;
	 padding:0;
    text-shadow: 0 0 20px #007bc7;
}

.case-slider-name {
  font-size: 24px;
  font-size: 2.4rem;
  color: #2f2c2b;
  letter-spacing: .07em;
  /*padding-left: 23px;*/
  width: 90%;
  margin-left: 5%;
  background-color: #fff;
  /*padding: 8px 12px 8px 30px;*/
  padding: 8px 12px 8px 12px;
		display: block;
		line-height: 0;
}
.page-case .case-slider-name {
  /*width: 40%;*/
  width: 90%;
  margin-left: 23px;
}

.case-slider-more {
  /*position: absolute;*/
  position: static;
  /*bottom: 20px;
  right: 20px;
  text-align: center;*/
  width: 347px;
  height: 39px;
  display: inline-block;
  /*background-image: url(../images/home/bt-caseslide_out.png);*/
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 7%;
  margin-top: 5%;
}

.case-slider-more a {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 500;
  color: #2f2c2b;
  line-height: 25px;
  letter-spacing: .08em;
  padding-right: 38px;
  /*background: url(../images/ico/ico_link_square_wh02.png) no-repeat right 0;*/
  display: inline-block;
  *zoom: 1;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  /**/
	 width: 350px;
	 font-size: 2rem;
	 color: #fff;
	 background-color: #348ae2;
	 letter-spacing: .012em;
	 padding: 12px 0;
	 /*border-radius: 11px;*/
	 border-radius: 7px;
	 display: inline-block;
	 -webkit-transition: background-color 300ms ease;
	 transition: background-color 300ms ease;
	 line-height: 30px;
	 text-align: center;
	 font-weight: 400;
}
.case-slider-more a:after {
	 /*content: url(../images/home/yazirusi3.png);*/
	 position: absolute;
	 margin-left: 15px;
	 margin-top: 4px;
	 float: right;
	 margin-right: 8px;
}
.case-slider-more a:hover {
  /*-ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;*/
  background-color: #24619e;
  color: #fff;
}

.case-slider-more img {
  width: 70%;
  margin-left: 5%;
}

.caseslider-wrap-content a:hover .case-slider-photo img,
.caseslider-wrap-content a:hover .case-slider-name,
.caseslider-wrap-content a:hover .case-slider-title {
  opacity: 0.85;
}
.caseslider-wrap-content a:hover .case-slider-more {
  background-image: url(../images/home/bt-caseslide_over.png);
}

.caseslider-arrow {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



.caseslider-back {
  /*background-image: url(../images/ico/ico_arrow_prev_bl.png);*/
  left: 45px;
  left: 1%;
}

.caseslider-next {
  /*background-image: url(../images/ico/ico_arrow_next_bl.png);*/
  right: 45px;
  right: 1%;
}

.case-slider-bt {
  text-align: center;
  margin-top: 3px;
  /*background-color: #f0f1e5;*/
  background-color: #fff;
  padding: 18px 0;
}
.case-slider-bt img {
  width: 680px;
}
.case-slider-bt a {
	 width: 560px;
	 font-size: 2rem;
	 color: #fff;
	 background-color: #58b1dd;
	 letter-spacing: .012em;
	 padding: 12px 0;
	 border-radius: 11px;
	 display: inline-block;
	 -webkit-transition: background-color 300ms ease;
	 transition: background-color 300ms ease;
	 line-height: 30px;
}
.case-slider-bt a:after {
	content: url(../images/home/yazirusi3.png);
	position: absolute;
	margin-left: 15px;
	 margin-top: 4px;
	 float: right;
	 margin-right: 8px;
}
.case-slider-bt a:hover {
  background-color: #007acf;
  color: #fff;
}

.caseslider-link {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 20px;
}
.page-case .caseslider-link {
  bottom: -45px;
  bottom: -20px;
}

.caseslider-link li {
  width: 11px;
  height: 11px;
  margin: 0 9px;
  border: 1px solid #717171;
  display: inline-block;
  *zoom: 1;
  border-radius: 100%;
}

.caseslider-link button {
  line-height: 0;
  display: block;
  width: 13px;
  height: 13px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.caseslider-link .slick-active {
  background-color: #717171;
  border: 1px solid #717171;
}

@media screen and (max-width: 768px) {

	 .caseslider-back {
		left:6px;
	 }
	 .caseslider-next {
		right:6px;
	 }
}

@media screen and (max-width: 480px) {
  .case-slider-arrow{
    width: 30px;
    height: 30px;
  }
}


@media screen and (max-width: 1200px) {
  .caseslider-wrap .caseslider-wrap-content {
    min-height: 33vw;
  }
}

.page-case .l-inner {
	 width: 80%;
}
.case-slider-title {
	 font-size: 2.4rem;
}
.page-case .case-archive-item {
	 width: 31%;
	 margin-right: 3.5%;
}
.page-case .case-archive-thumb {
	 min-height: 160px;
}
.page-case .case-archive-summary {
	 width: 100%;
}
.page-case .case-archive-title {
	 min-height: 2em;
   font-size: 1.7rem;
	 font-size: 1vw;
	 height: 48px;
}
.page-case .case-slider-photo .case-slider-image {
	 min-width: inherit;
	 min-height: inherit;
	 max-width: inherit;
	 /*width: auto;*/
	 height: 100%;
	 width: 100%;
	 object-fit: cover;
	 object-position:top;
}
@media screen and (max-width: 1528px) {
  .case-slider-inner {
	 width: 115%;
	 padding-top: 5%;
	 padding-left: 5%;
	 float: left;
  }
  .caseslider-back {
	 left: -3px;
  }
  .caseslider-next {
	 right: -3px;
  }
}
@media screen and (max-width: 1200px) {
  .page-case .case-archive-thumb {
    min-height: auto;
  }
  .page-case .case-archive-logo {
    height: 50px;
  }
  .page-case .case-archive-logo img {
    max-height: 100%;
  }
  .page-case .case-archive-title {
    /* font-size: 1.3rem; */
    /* font-size: 1.3vw; */
    min-height: auto;
    height: auto;
  }
  .page-case .case-archive-text {
    line-height: 1.5;
  }
}

@media screen and (max-width: 768px) {
  .page-case .case-archive-title{font-size: 2.3vw;}
}

@media screen and (max-width: 600px) {
  .page-case .case-archive-title{font-size: 3.3vw;}
}



/* ============================
 *
 *     BEM/Casestudies
 *
 * ============================ */
/* ------------------------------
 *  導入事例トップ - 企業一覧
 * ------------------------------ */
.casestudies_interview__structure {
  position: relative;
  padding-bottom: 1.5em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAxNS45LjE0oDnxBQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAQSURBVAiZY5g5c+YbBigAABwSAriJkhZgAAAAAElFTkSuQmCC") repeat-x 0 100%;
}
.casestudies_interview__wrapper {
  margin-top: 1.5em;
}
.casestudies_interview__put_left_fix {
  float: left;
  width: 192px;
  margin: 0 20px 10px 0;
}
.casestudies_interview__put_left_run {
  padding-left: 212px;
}
.casestudies_interview__put_left_fix2 {
  float: left;
  width: 260px;
  margin: 0 20px 10px 0;
}
.casestudies_interview__put_left_fix2:hover {
  opacity: 0.85;
  cursor: pointer;
}
.casestudies_interview__spec {
  max-width: 85%;
}
.casestudies_interview__spec > dt, .casestudies_interview__spec > dd {
  margin-bottom: 0.75em;
}
.casestudies_interview__spec > dt:last-of-type, .casestudies_interview__spec > dd:last-of-type {
  margin-bottom: 0;
}
.casestudies_interview__spec_title {
  display: inline-block;
  float: left;
  width: 4em;
  background: #666;
  color: #FFF;
  border-radius: 1.5em;
  text-align: center;
}
.casestudies_interview__spec_desc {
  padding-left: 4.5em;
}
.casestudies_interview__tagline {
  font-size: 1.25em;
  font-size: 1.25rem;
  line-height: 140%;
  color: #0078C9;
}
.casestudies_interview__content {
  margin-top: 1em;
  padding-bottom: 1em;
}
.casestudies_interview__see_detail {
  position: absolute;
  right: 0;
  bottom: 2em;
}
.casestudies_interview__see_detail a:hover {
	cursor: pointer;
}
.casestudies_douga {
	float:right;
	box-sizing: border-box;
	padding: 0.5em 1em;
	background-color:#06C;
	color: #FFF;
	border-radius: 4px;
	text-align: center;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .casestudies_interview__structure {
    padding-bottom: 1em;
  }
  .casestudies_interview__wrapper {
    margin-top: 1em;
  }
  .casestudies_interview__put_left_fix {
    float: none;
    width: 100%;
    margin: 0;
  }
  .casestudies_interview__put_left_fix2 {
    float: none;
    width: 100%;
    margin: 0;
  }
  .casestudies_interview__put_left_run {
    width: 100%;
    padding-left: 0;
  }
  .casestudies_interview__logo {
    width: 190px;
    margin: 0 auto;
  }
  .casestudies_interview__spec {
    width: 100%;
    max-width: 100%;
    margin: 1em auto;
  }
  .casestudies_interview__spec > dt, .casestudies_interview__spec > dd {
    margin-bottom: 0.5em;
  }
  .casestudies_interview__spec > dt:last-of-type, .casestudies_interview__spec > dd:last-of-type {
    margin-bottom: 0;
  }
  .casestudies_interview__spec_title {
    width: 4em;
    background: #666;
    color: #FFF;
    border-radius: 1.5em;
    text-align: center;
    font-size: 0.625rem;
    line-height: 140%;
  }
  .casestudies_interview__spec_desc {
    padding-left: 4.5em;
    font-size: 0.6875rem;
    line-height: 140%;
  }
  .casestudies_interview__tagline {
    margin-top: 0.5em;
    font-size: 0.875rem;
    line-height: 140%;
  }
  .casestudies_interview__content {
    margin-top: 1em;
    padding-bottom: 0;
  }
  .casestudies_interview__see_detail {
    position: relative;
    right: auto;
    bottom: auto;
  }
}
/* ------------------------------
 *  導入事例トップ - 導入企業一覧
 * ------------------------------ */
.casestudies_donyu__table th[scope=col] {
  text-align: center;
}
.casestudies_donyu__table td {
  padding: 1em;
  line-height: 120%;
}
.casestudies_donyu__name_col {
  width: 48%;
}
.casestudies_donyu__business_col {
  width: 26%;
}
.casestudies_donyu__employees_col {
  width: 26%;
}
.casestudies_donyu__logo {
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
}
.casestudies_donyu__label {
  display: inline-block;
  width: 65%;
  vertical-align: middle;
}

@media screen and (max-width: 1023px) {
  .casestudies_donyu__label {
    width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .casestudies_donyu__table {
    font-size: 0.625rem;
  }
  .casestudies_donyu__logo {
    width: 100%;
    margin-right: 0;
  }
  .casestudies_donyu__label {
    display: block;
    width: 100%;
    margin-top: 0.5em;
  }
}
/* ------------------------------
 *  導入事例詳細 - 企業一覧
 * ------------------------------ */
.casestudies_all__title {
  padding: 0.75em;
  text-align: center;
  font-size: 1.5em;
  font-size: 1.5rem;
}
.casestudies_all__list {
  margin: 20px -20px;
  letter-spacing: -0.35em;
}
.casestudies_all__list_item {
  display: inline-block;
  width: 190px;
  margin: 19px;
  border: 1px solid #CCC;
  letter-spacing: 0;
  vertical-align: top;
}

@media screen and (max-width: 1023px) {
  .casestudies_all__list {
    width: 99%;
    margin: 0 auto;
  }
  .casestudies_all__list_item {
    width: 31%;
    margin: 1%;
    border: 1px solid #CCC;
  }
  .casestudies_all__list_item img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .casestudies_all__title {
    font-size: 1rem;
    line-height: 140%;
  }
  .casestudies_all__list {
    width: 98%;
    margin: 0 auto;
  }
  .casestudies_all__list_item {
    overflow: hidden;
    width: 47%;
    margin: 1%;
  }
}
/* ------------------------------
 *  導入事例詳細 - 企業プロフィール
 * ------------------------------ */
.casestudies_detail__company_profile {
  display: table;
  width: 100%;
}

.casestudies_detail__company_logo {
  display: table-cell;
  width: 190px;
  background: #FFF;
  vertical-align: middle;
}

.casestudies_detail__company_detail {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}
.casestudies_detail__company_detail th, .casestudies_detail__company_detail td {
  padding: 0.25em 0;
  font-size: 0.75em;
  font-size: 0.75rem;
  line-height: 120%;
}
.casestudies_detail__company_detail th {
  width: 5em;
}

@media screen and (max-width: 767px) {
  .casestudies_detail__company_profile {
    display: block;
    width: 100%;
  }

  .casestudies_detail__company_logo {
    display: block;
    width: 100%;
  }

  .casestudies_detail__company_detail {
    display: block;
    margin-top: 1em;
    padding-left: 0;
  }
}
/* ------------------------------
 *  導入事例詳細 - コンテンツ
 * ------------------------------ */
.casestudies_detail__question {
  margin: 2em 0 1em;
  font-size: 1.125em;
  font-size: 1.125rem;
  line-height: 140%;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}

.casestudies_link {
  position: relative;
  display: block;
  padding: 0 0 0 30px;
  font-size: 1.2em;
  margin: 10px 0 0;
}
.casestudies_link::before {
  content: '';
  position: absolute;
  top: 6px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #0078C9;
  border-right: 1px solid #0078C9;
  transform: rotate(45deg);
  left: 0;
}
@media screen and (max-width: 767px) {
  .casestudies_detail__question {
    margin: 1.5em 0 0.75em;
    font-size: 0.875em;
    font-size: 0.875rem;
    line-height: 140%;
  }
  .casestudies_link::before {
    top: 6px;
    width: 10px;
    height: 10px;
  }
}
/* ------------------------------
 *  導入事例:国内導入シェアNo.1！ - 追加20190710
 * ------------------------------ */
.share-no1-box {
    padding: 80px 0;
    background: url(/rakurakucloud/seisan/img/04/img_no1_taki.png) right top 47px / 206px 394px no-repeat;
}
.share-no1-inbox {
    margin: 75px auto 1rem;
    width: 100%;
    border: none;
    padding: 4rem 3rem 2rem;
    box-sizing: border-box;
    box-shadow: 0px 2px 2px -1px #dbdee0;
    background: #fff;
    border-radius: 10px;
    position: relative;
}
.share-no1-inbox h3 {
    font-size: 1.15rem;
    display: table;
    text-align: center;
    background: #007bc7;
    padding: 0.7rem;
    border-radius: 60px;
    width: 40%;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
}
p.share-no1-big-text em {
    font-size: 3.8rem;
    line-height: 1.1;
    color: #007bc7;
    font-weight: bold;
}
.share-no1-inbox h3::after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #007bc7;
  border-width: 12px;
  margin-left: -12px;
}
.share-no1-inbox ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}
.share-no1-inbox ul li {
  width: 31%;
}
.share-no1-inbox ul li img {
  height: auto;
  width: 100%;
  max-width: 200px;
}
.share-no1-inbox ul li p {
  transform: translate(0, -80px);
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.share-no1-inbox ul li p span {
  color: #007bc7;
  font-size: 120%;
}
p.share-no1-big-text {
    font-size: 2.25rem;
    padding: 0;
    margin: 0 auto;
    font-weight: bold;
    letter-spacing: 0.05em;
    background: none;
    display: table;
}
p.share-no1-big-text em {
  font-size: 4rem;
  line-height: 1.1;
  color: #007bc7;
  font-weight: bold;
}
p.share-no1-big-text span {
  font-size: 1.15rem;
}
p.no1-caution {
    font-size: 0.75rem;
    text-align: left;
    width: 100%;
    margin: 1rem auto 0;
}
.bg-no1 {
  background: url(/rakurakucloud/seisan/common/img/img_no1_taki.png) right top 25px / 205px 205px no-repeat;
}
.sp-bg-no1 {
  display: none;
}


@media screen and (max-width: 767px) {

  .bg-no1 {
    background: none;
  }
      .share-no1-box {
        padding: 80px 0;
        background: url(/rakurakucloud/seisan/img/04/img_no1_taki.png) center top 200px / 103px 187px no-repeat;
        min-height: 400px;
    }
  .sp-bg-no1 {
    display: block;
    margin: 20px auto 0;
    width: 45%;
  }
  .share-no1-inbox{
  margin-top: 150px;
  width: 90%;
  padding: 2.5rem 0.5rem;
  }
  .share-no1-inbox h3{
    width:90%;
  }
      .share-no1-inbox ul li {
        max-width: 140px;
        max-height: 140px;
    }
  .share-no1-inbox ul li img{
    width:100%;
    height: auto;
      max-width: 140px;
  }
   .share-no1-inbox ul li p {
        margin-top: 30px;
    }
  p.no1-caution{
    width:95%;
  }
   p.share-no1-big-text {
        font-size: 1.5rem;
    }

    p.share-no1-big-text em {
        font-size: 2rem;
    }
}
@media screen and (max-width: 420px) {
  .share-no1-inbox ul li{
    width:65%;
    margin: 0 auto;
  }
}
/* ============================
 *
 *     BEM/Kaikeisoft
 *
 * ============================ */
/* ------------------------------
 *  会計ソフト連携 - 連携実績
 * ------------------------------ */
.kaikeisoft_software__name_col {
  width: 48%;
}
.kaikeisoft_flow_list {
  display: flex;
  justify-content: flex-start;
}
.kaikeisoft_flow_list li {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 24%;
  margin-right: 1%;
}
.kaikeisoft_flow_list li:last-of-type {
  margin-right: 0;
}
.kaikeisoft_flow_list li:not(:last-of-type)::before {
  content: '';
  position: absolute;
  top: 63px;
  right: -50px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-left: 15px solid #0078C9;
}
.kaikeisoft_flow_list li:not(:last-of-type)::after {
  content: '';
  position: absolute;
  top: 70px;
  right: -20px;
  width: 0;
  height: 15px;
  border-left: 30px solid #0078C9;
}
.kaikeisoft_flow_list img {
  width: 240px;
  height: 130px;
}
.kaikeisoft_flow_list li p {
  position: relative;
  margin-top: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #999;
  border-radius: 10px;
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  padding: 10px;
  color: #fff;
  text-align: center;
}
.kaikeisoft_flow_list li p::before {
  position: absolute;
  content: '';
  top: -20px;
  left: 50%;
  right: 50%;
  transform: translate(-50%,-50%);
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #999;
}

#kaikeisoftform #phone-14deffe9-670e-412b-b92b-83f0bee9ab58 {
    width: 300px !important;
}
#kaikeisoftform .panel_header {
  text-align: center;
  font-size: 1.5rem;
}
#kaikeisoftform {
  margin-top: 80px;
}
#software {
  margin-bottom: 1.5rem;
}
/* 2020 0622 ABテスト用CSS追記*/
.contentstitle {
  background: #007bc7;
  padding: 10px 0;
  width: 100%;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contentstitle h1 {
  text-align: center;
  margin-left:-20px;
  font-size: 31px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  letter-spacing: 0.05em;
  width: 100%;
}
.contentstitle h1 .font_s {
  font-size: 26px;
  font-style: normal;
}
.contentstitle h1 span {
  margin: 0 12px 0 0;
  vertical-align: -0.22em;
}
.kaikeisoft_main #request .index_box_btn_1 .btn_base{
  background-color: #f78633;
  border-color: #f78633;
  font-size: 1.25rem;
  padding: 1.5rem 1.2em;
}
.kaikeisoft_main #request .index_box_btn_1 .btn_base:hover {
  background-color: #FFF;
  opacity: 1;
  color: #f78633;
}
.kaikeisoft_main .contentstitle {
  padding: 20px 0 10px;
}
.kaikeisoft_main .contentstitle h1 {
  width: 1000px;
  font-size: 20px;
  color: #fff;
  line-height: 1.6;
  font-weight: normal !important;
}
.kaikeisoft_main .contentstitle h1 p {
  font-size: 1.875rem;
  color: #fff;
  text-align: center;
}
.kaikeisoft_main .topicpath{
  padding: 20px 0;
}
.kaikeisoft_main .section_title{
  text-align: center;
}
.kaikeisoft_main .font_bold{
  font-weight: bold;
}
.kaikeisoft_main .font_orange{
  color: #f78633;
}
.kaikeisoft_main .font_size_16px{
  font-size: 16px;
}
.kaikeisoft_main .background_color_gray{
  background-color: #f1f4f6;
}
.kaikeisoft_main .background_color_gray p{
  text-align: center;
  padding: 10px;
  margin: 0;
}
.kaikeisoft_flow_flex{
  display: flex;
  justify-content: center;
}
.kaikeisoft_flow_left{
  padding-right: 15px;
}
.kaikeisoft_flow_flex p{
    line-height: 1.8;
    margin: 0 0 20px;
}
.kaikeisoft_flow_flex .image{
  margin-top: 20px;
}
#software .kaikeisoft_flow_left{
  padding: 0;
  width: 129%;
  margin-right: 20px;
}
.kaikeisoft_software_list{
padding: 15px 0px;
}
.kaikeisoft_software_list li{
  display: block;
  width: 26%;
}
.gray_speech_bubble{
  background-color: #f1f4f6;
  padding: 18px 22px;
  border-radius: 30px;
  position: relative;
}
.gray_speech_bubble p{
  margin-bottom: 12px;
}
.gray_speech_bubble:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -73px;
  margin-top: -29px;
  border: 34px solid transparent;
  border-right: 40px solid #f1f4f6;
}
#software .faq-detail-btn{
  margin: 19px auto 0;
  display: flex;
  justify-content: center;
  width: 95%;
}
#software .faq-detail-btn .btn_base{
  border-radius: 14px;
  background-color: #f78633;
  border-color: #f78633;
}
#software .faq-detail-btn .btn_base:hover {
  background-color: #FFF;
  opacity: 1;
  color: #f78633;
}
.kaikeisoft_main .faq-detail-btn .btn_left{
  margin-right: 10px;
}
.kaikeisoft_main .faq-detail-btn .btn_right{
  position: relative;
}
.kaikeisoft_main .faq-detail-btn .btn_right::after{
  background-image: url(/rakurakucloud/seisan/common/img/img-minidoc.png);
  background-size: 100%;
  background-repeat:no-repeat;
  width: 53%;
  height: 110%;
  content: "";
  position: absolute;
  left: 68%;
  top: -85%;
  transform: rotate(15deg);
}
.kaikeisoft_main .panel_header{
  text-align: center;
}

/* 2020 0622 ここまで*/

/* sp */
/* 2020 0622 ABテスト用CSS追記*/
@media screen and (max-width: 800px) {
  .kaikeisoft_main .contentstitle {
    padding: 10px 6px;
    box-sizing: border-box;
    height: 100px;
}
  .contentstitle h1 {
    letter-spacing: 0.05em;
    margin: auto 10px;
}
  .kaikeisoft_main .contentstitle h1 p{
    font-size: 1.05rem;
}
.kaikeisoft_flow_flex{
  flex-direction: column;
}
  .kaikeisoft_flow_flex img{
    display: block;
    margin: auto;
  }
#software .kaikeisoft_flow_left{
  width: 100%;
}
.kaikeisoft_software_list li{
  width: 40%;
}
.gray_speech_bubble:before {
  content: none;
}
  #software .faq-detail-btn .btn_base{
  padding: 9px !important;
}
  .kaikeisoft_main .faq-detail-btn .btn_right::after{
  top: -62%;
}
  #kaikeisoftform {
  margin-top: 30px;
}
}
/* 2020 0622 ここまで*/

@media screen and (max-width: 767px) {
  .kaikeisoft_flow_list {
    flex-wrap: wrap;
  }
  .kaikeisoft_flow_list li {
    width: 45%;
    margin-right: 0;
  }
  .kaikeisoft_flow_list li p {
    width: 90%;
    height: auto;
    margin: 20px auto 20px;
  }
  .kaikeisoft_flow_list img {
    width: 100%;
    height: 70px;
  }
  .kaikeisoft_flow_list li:not(:last-of-type)::before {
    content: '';
    position: absolute;
    top: 33px;
    right: -40px;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-left: 15px solid #0078C9;
  }
  .kaikeisoft_flow_list li:not(:last-of-type)::after {
    content: '';
    position: absolute;
    top: 40px;
    right: -10px;
    width: 0;
    height: 15px;
    border-left: 20px solid #0078C9;
  }
  .kaikeisoft_software_list li::before {
    left: -20px;
  }
  #kaikeisoftform .panel_header {
    font-size: 1.25rem;
  }
}

/*2020 0812*/


.price_main .price_cloud__text{
    text-align: center;
    font-size: 120%;
    line-height: 1.8;
    letter-spacing: 1px;
}
.price_main .price_cloud__text .bold{
  font-weight: bold;
}
@media screen and (min-width:769px) {


.price_main input.hs-input,
.price_main textarea.hs-input,
.price_main select.hs-input{
  height: 45px;
  box-sizing: border-box !important;
}
.price_main .hs-form .input select.hs-input,
.price_main .form-columns-2 .hs_lastname .input .hs-input,
.price_main .form-columns-2 .hs_firstname .input .hs-input,
.price_main .form-columns-2 .hs_lastname .input .hs-input{
  height: 45px !important;
}
.price_main .form-columns-2 .hs-form-field .hs-input {
    width: auto !important;
    height: 45px !important;
}
.price_main .kaikeisoft_flow.gutter_2 .main_txt{
  margin-top: 3em;
}
.price_main .kaikeisoft_flow.gutter_2 .sub_txt{
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.8;
    font-size: 105%;
}

}

/*2020 0812ここまで*/

/* ============================
 *
 *     BEM/Contact
 *
 * ============================ */
.contact_body #main {
  padding-top: 75px;
}

/* ------------------------------
 *  電話誘導
 * ------------------------------ */
.contact_by_tel {
  text-align: center;
}

.contact_by_tel__number {
  font-size: 2em;
  font-size: 2rem;
}
.contact_by_tel__number a {
  color: #FFF;
}
.contact_by_tel__number a:visited {
  color: #FFF;
}
.contact_by_tel__number a:focus {
  color: #FFF;
}
.contact_by_tel__number a:hover {
  color: #FFF;
}
.contact_by_tel__number a:active {
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .contact_body #main {
    padding-top: 50px;
  }

  .contact_by_tel__number {
    font-size: 1.25em;
    font-size: 1.25rem;
  }
  .kaikeisoft_flow_list li {
    width: 40%;
  }
}
/* ------------------------------
 *  エラー表示
 * ------------------------------ */
.contact_error__list {
  margin: 1em 2em;
}

/* ------------------------------
 *  お問い合わせフォーム
 * ------------------------------ */
.contact_form__submit_btn {
  font-size: 1rem;
  line-height: 140%;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}
.contact_form__zip_codes {
  margin-bottom: 0.5em;
}
.contact_form__prefectures {
  margin-right: 1em;
}
.contact_form__submit {
  text-align: center;
}
.contact_form__submit > * {
  margin: 2em 0;
}
.form_top02 .panel_content{
padding-bottom: 20px !important;
}
.form_top02 .function_index__panel_tagline{
margin-top: 20px !important;
}
@media screen and (max-width: 1023px) {
  .contact_error__list {
    margin: 0.5em 1em;
  }
}
@media screen and (max-width: 767px) {
  .contact_form__submit {
    text-align: left;
  }
  .contact_form__submit > * {
    margin: 1em 0;
  }

  input.contact_form__input_address[type="text"] {
    width: 97%;
    margin-top: 0.5em;
  }
}
/* ============================
 *
 *    BEM/Sitemap
 *
 * ============================ */
/* ------------------------------
 *  サイトマップ
 * ------------------------------ */
.sitemap {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTUuOC4zMC3eMPsAAAAPSURBVAiZY2AoO/OGAQoAFWMCLwSlzvsAAAAASUVORK5CYII=") repeat-x 0 0;
}
.sitemap__item {
  padding: 1px 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTUuOC4zMC3eMPsAAAAPSURBVAiZY2AoO/OGAQoAFWMCLwSlzvsAAAAASUVORK5CYII=") repeat-x 0 100%;
}
.sitemap__link {
  display: block;
  padding: 0.75em 0;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
.sitemap__link:hover {
  background-color: #F7F7F7;
}
.sitemap__link.link_orange {
  color: #FF7F00;
}

/* ===== 第２階層 ===== */
.sitemap_second {
  float: left;
  margin-left: 2em;
  margin-bottom: 1em;
}
.sitemap_second__link {
  display: block;
  padding: 0.25em 0;
}

/* ===== カテゴリーのぶら下がりを示す記号 ===== */
.sitemap_subcat_arrow {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 0.125em;
}
.sitemap_subcat_arrow:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 5px;
  margin: -3px;
  border-bottom: 1px solid #0078C9;
  border-left: 1px solid #0078C9;
  font-size: 5px;
  line-height: 5px;
}


/* ===== コラムページ用　カンファレンス表示 ===== */
/*conference_top banner*/
.conference_top_bnr {
	background: rgba(0, 0, 0, 0.61);
	width: 100%;
	position: fixed;
	z-index: 999;
	color: #fff;
	font-size: 20px;
	top:0;
	padding-top: 25px;
}

.conference_top_bnr_wrapper {
	width:800px;
	margin: 0 auto 20px;
}

.conference_top_bnr_txt {
	width: 65%;
}

.conference_top_bnr_btn {
	width: 30%;
}

.conference_top_bnr_txt,
.conference_top_bnr_btn {
	display: inline-block;
}

.conference_top_bnr_txt p,
.conference_top_bnr_btn {
    line-height: 1.6;
}

.conference_top_bnr_btn a {
	display:block;
	width:100%;
    background: #ffb400;
    padding: 10px 0;
/*    margin: 20px;*/
    color: #fff;
    border-radius: 5px;
	text-align:center ;
}

.conference_top_bnr p.close {
	text-align:right;
}

.conference_top_bnr p.close a,
.conference_top_bnr_btn a {
	color: #fff;
}


/*フローティングバナー*/
.hsb-form-formcontents_top p.close{
  position: absolute;
  right: 0;
  top:1px;
}
.hsb-form-formcontents_top p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.hsb-form-formcontents_top p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.hsb-form-formcontents_top p.close a i{
  font-size: 20px;
  z-index: 888;
/*  color: #222;*/
  color: #fff;
}
/*@media screen and (max-width: 568px) {*/
@media screen and (max-width: 600px) {
	.conference_top_bnr {
    padding-top: 0;
	}

	.conference_top_bnr_wrapper {
		width: 90%;
	}

	.conference_top_bnr_txt {
		width: 100%;
	}

	.conference_top_bnr_btn {
		width: 70%;
		margin: 10px auto;
	}

	.conference_top_bnr_txt,
	.conference_top_bnr_btn {
		display: block;
		font-size:15px;
	}

	.conference_top_bnr p.close {
		margin-top: 10px;
	}
}
.form02_contents .price_cloud__diagram{
margin: 0.5rem auto;
}
.form02_contents .price_cloud__diagram_item{
margin: 0 2em;
}


/* ------------------------------
 *  直近のセミナー一覧
 * ------------------------------ */
.btn_seminar{
	display: block;
	color: #FFF;
    font-size: 1.875rem;
    line-height: 140%;
    font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	margin-bottom: 2em !important;
}
.txt_seminar{
	margin-bottom: 2em !important;
}
.txt_seminar strong{
	font-weight: bold;
	color:#007bc7 !important;
}


/*--------------------------------------------------------

CTA　20180912_lp_blandより　　2659行目まで

----------------------------------------------------------*/

.cta-common {
width:100%;
padding:5px 0 5px;
background:#007bc7;
position: relative;
z-index: 888;
}
.cta-common__title{
color:#fff;
font-size:32px;
font-size:3.2rem;
text-align:center;
letter-spacing:2px;
line-height:1.0;
}
.cta-common__box {
width: 96%;
max-width:960px;
margin:0 auto;
padding:10px 0;
}
.cta-common__box__left {
float:left;
width:50%;
}
.cta-common__box__right {
float:right;
width:50%;
}
.index_main .cta-common__box {
margin: 20px auto 0;
}
.index_main .cta__btn {
padding: 1.3rem 0 2rem;
text-align: center;
}
.index_main .cta__btn.img-add-doc3 {
padding: 0 0 2rem;
text-align: center;
}
.index_main .cta__btn img {
width: 100%;
height: auto;
}
.index_main .cta-common__box__left {
width:48%;
margin-right: 4%;
}
.index_main .cta-common__box__right {
width:48%;
}
.cta-common__box__center {
text-align:center;
width:50%;
margin: 0 auto 16px;
}
.cta-common__text__tel{
clear:both;
margin:0 0 20px;
padding:10px 0;
color:#fff;
font-size:18px;
text-align:center;
border-bottom:#fff solid 1px;
border-top:#fff solid 1px;
letter-spacing:2px;
}
.cta-common__list{
width: 100%;
max-width:920px;
margin:0 auto 10px;
color:#fff;
}
.cta-common__list dl{
margin:0;
line-height:1.0;
}
.cta-common__list dt{
float:left;
margin:0 0 0 15px;
font-size:18px;
font-size:1.8rem;
}
.cta-common__list dd{
float:left;
font-size:18px;
font-size:1.8rem;
letter-spacing:1px;
font-weight:bold;
}
.cta-common__text__tel__bottom{
clear:both;
margin:0;
color:#fff;
font-size:14px;
text-align:center;
}
.cta-common__text__tel__bottom span{
font-size:14px;
font-weight:bold;
}
.foot {margin-top: 80px; }
.foot .cta-common__box__left, .foot .cta-common__box__right {
  width: 48%;
}
.cta-common02__comment {
  text-align: center;
  margin: 20px 20px 0;
  color: #fff;
}
.cta-common02__comment * {
  font-size: 0.7rem;
}
/* CTA上部1分完了----------------- */
.cta-common__title01{
color:#ffc530;
font-size:32px;
/*font-size:3.2rem;*/
text-align: center;
letter-spacing:2px;
line-height:1.0;
}
.cta-common__box__text{
text-align:center;
color:#fff;
font-size:22px;
}
.cta-common__box__text span{
color:#ffc530;
font-weight:700;
}

/* 20190306A/Btest用　CTAフキダシメッセージ----------------- */
.cta-common__box__left__balloon {
float:left;
width:48%;
text-align: left;
}
.cta-common__box__right__balloon {
float:right;
width:48%;
text-align: right;
}
.cta-common__box__text__balloon{
text-align:center;
display: inline-block;
margin: 0 auto;
color:#007bc7;
font-size:17px;
padding: 10px 15px;
border-radius: 20px;
background: rgba(255,255,255,0.85);
position: relative;
  min-width: 120px;
  max-width: 100%;
  box-sizing: border-box;
  -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
  letter-spacing: 1px;
  font-weight: 300;
}
.cta-common__box__text__balloon b{
font-weight: bold;
font-size: 120%;
}
.cta-common__box__text__balloon span{
font-size: 120%;
color: #eb7f00 ;
font-weight: bold;
}
.cta-common__box__text__balloon::before {
content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid rgba(255,255,255,0.85);
  z-index: 2;
  }
.cta-common__box__text__balloon + .cta__btn{
margin-top: -30px;
display: block;
margin-left: auto;
margin-right: auto;
}
.cta-common__box__left__balloon .balloonaction,.cta-common__box__left__balloon .balloonaction::before,.cta-common__box__right__balloon .balloonaction,.cta-common__box__right__balloon .balloonaction::before{
transition: 1s;
}
.cta-common__box__left__balloon:hover > .balloonaction, .cta-common__box__right__balloon:hover > .balloonaction{
    -webkit-animation:balloonaction 1s 1 linear alternate;
    animation:balloonaction 1s 1 linear alternate;
    background: rgba(255,255,255,1);
}
.cta-common__box__left__balloon:hover > .balloonaction::before , .cta-common__box__right__balloon:hover > .balloonaction::before {
  border-top: 12px solid rgba(255,255,255,1);
}
@-webkit-keyframes balloonaction {
 0% {-webkit-transform:translate(0, 0) rotate(-0);}
    50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
    100% {-webkit-transform:translate(0, -0px)rotate(0);}
}
@keyframes balloonaction {
0% {transform:translate(0, 0) rotate(-0);}
    50% {transform:translate(0, -5px) rotate(0deg);}
    100% {transform:translate(0, -0px)rotate(0);}}





/* //20190306A/Btest用　CTAフキダシメッセージ----------------- */

.comment__1minute{
display: inline-block;
margin-top: -2rem;
vertical-align: middle;
padding-right: 0.5rem;
}
.cta-footer01 {
    width: 100%;
    background: #101a2d;
    margin-bottom: 0;
    padding: 1rem 0 2rem 0;
}
/*CTAボタン用設定------------------------------*/
.multi-style_btn{
  border-radius: 3px;
  background:#76e4e5;
  color:#494c4f;
  text-align:center;
  font-size:1.5rem;
  padding:10px;
  text-decoration:none;
  cursor: pointer;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  line-height:2rem;
  }

  .multi-style_btn:hover{
    background:#76e4e5;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3) inset;
  }

    .multi-style_btn--c01{/*CTAボタン用設定 Modifier*/
      background:#ffd200;
      color:#494c4f;
      }
    .multi-style_btn--c01:hover{/*CTAボタン用設定 Modifier*/
      background:#ffd200;
      color:#494c4f;
      }


/*CTAボタン-----------------------------*/

.multi-style_btn--c01 .sub strong {
color: #3b7fe0;
}

.multi-style_btn--c02 {
background: #fff;
color: #007bc7;
border: 5px solid #fff;
}
.multi-style_btn--c02 .sub {
color: #007bc7;
}

.multi-style_btn--c03 {
background: #007bc7;
color: #fff;
border: 5px solid #fff;
}
.multi-style_btn--c03 a:visited {
color: #fff !important;
}
.multi-style_btn--c04 {
background: #69BE8F;
color: #fff;
box-shadow: 0 5px #44845E;
}


/*CTAロールオーバー時------------------------------*/
.multi-style_btn:hover {
top:5px;
}

.multi-style_btn--c01:hover {
background: #ffe56a;
top: 5px;
}
.multi-style_btn--c02:hover {
background: #ffd200;
top: 5px;
}

.multi-style_btn--c03:hover {
background: #00AAFF;
}

.multi-style_btn--c04:hover {
background: #50AE79;
}
.cta-common__box__left a:visited,
.cta-common__box__left a:focus,
.cta-common__box__left a:hover,
.cta-common__box__left a:active {
  color: #0078C9;
}
.cta-common__box__right a:visited,
.cta-common__box__right a:focus,
.cta-common__box__right a:hover,
.cta-common__box__right a:active {
  color: #FFFFFF;
}
/*.top-block------------------------------*/
.top-block{
  width:100%;
  margin:0;
  padding:40px 0;
}

.top-block__box{
	width:95%;
    max-width:880px;
    padding:40px 0 0 0 ;
    margin:0 auto 0 auto;
  }

.top-block__box__link{
      display:block;
      font-size:2rem;
      margin:20px auto;
      padding:40px 0;
      width:90%;
      letter-spacing:0.2rem;
      }

/* CTAボタンレスポンシブ------------------------------*/
@media screen and (max-width: 990px){
.sp_none{
    display: none;
    }
.top-block__box__link{
    font-size:0.6rem;
    letter-spacing: 0.1rem;
    margin: 8px auto;
    padding: 5px 0;
}
.multi-style_btn--c02,.multi-style_btn--c03 {
border: 3px solid #fff;
}
}
@media screen and (max-width: 767px){
	.index_main .cta-common__box, .foot .cta-common__box {
	margin: 10px auto;
	width: 85%;
	}
	.index_main .cta-common__box__right, .foot .cta-common__box__right {
	float: none;
	width: 100%;
}
	.index_main .cta-common__box__right a.btn_base, .foot .cta-common__box__right a.btn_base{
	float: none;
	width: 100%;
  font-size: 1.2rem;
}
}
@media screen and (min-width: 990px){
	.pc_none{display: none;}
}

/*--　CTA　20180912_lp_blandよりここまで----------------------*/

/*--------------------------------------------------------

CTA　20190508 ABテスト用

----------------------------------------------------------*/

/* ------------------------------
 *  導入企業No.1の「楽楽精算」が経費精算の悩みをすべて解決します
 * ------------------------------ */

/* パソコンで見たときは"onlypc"のclassがついたエリアが表示される */
section.common-cta{
margin-top: 3rem;
}
.cta-common02.onlypc { display: block !important; }
.cta-common02.onlysp { display: none !important; }
/* スマートフォンで見たときは"onlysp"のclassがついたエリアが表示される */
@media only screen and (max-width: 750px) {
section.common-cta{
margin-top: 1.5rem;
}
.cta-common02.onlypc { display: none !important; }
.cta-common02.onlysp { display: block !important; }
}
.cta-common02 {
width: 100%;
padding: 3rem 0 2.5rem;
background: #007bc7;
position: relative;
z-index: 0;

}
.cta-common02__box {
width: 96%;
max-width:960px;
margin:0 auto;
padding:10px 0;
position: inherit;
z-index: 5;
}
.index_main .cta-common02__box {
position: relative;
margin: 20px auto 0;
z-index: 100;
}
.cta-common02__box.nomargin {
  margin: 0 auto;
}
.index_main .cta-common02__box .cta__btn {
padding: 0rem 0 1rem;
text-align: center;
}

/* CTA上部1分完了 */
.cta-common02__title01{
  color: #ffc530;
  font-size: 2.25rem;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.4;
}
.cta-common02__title01 .annotation {
  font-size: 0.8rem;
}
.cta-common02__infomation {
  font-size: 110%;
  background: #fff;
  text-align: center;
  font-weight: bold;
  color: #f00;
  margin: 10px auto;
  width: 100%;
  max-width: 750px;
  padding: 10px;
  box-sizing: border-box;
}
/* ボタン下テキスト */
.cta-common02__box p {
text-align: center;
color: #fff;
font-size: 1rem;
}
.cta-common02__box__left__balloon {
float:left;
width:48%;
text-align: left;
}
.cta-common02__box__right__balloon {
float:right;
width:48%;
text-align: right;
}
.cta-cm {
position: relative;
}
.cta-cm:before {
  content: '';
  position: absolute;
  left: 2%;
  bottom: 0;
  background: url(/rakurakucloud/seisan/img/04/img_cta_taki.png) 0 0 no-repeat;
  background-size: cover;
  width: 228px;
  height: 405px;
  z-index: 0;
}
.cta-cm:after {
  content: '';
  position: absolute;
  right: 2%;
  bottom: 0;
  background: url(/rakurakucloud/seisan/img/04/img_cta_yoko.png) 0 0 no-repeat;
  background-size: cover;
  width: 176px;
  height: 384px;
  z-index: 1;
}

.cta__btn a.btn_style {
    box-sizing: border-box;
    font-size: 1.8rem;
    font-weight: bold;
    display: block;
    padding: 1.2em 1em;
    background-color: #F8A411;
    border-radius: 5px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border: 3px solid #F8A411;
  /*以下、オンラインデモ用に2020/3/31追記*/
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  height: 109px;
}
.cta__btn a.btn_style span {
  /*以下、オンラインデモ用に2020/3/31追記*/
    display: contents;
    font-size: 1.3rem;
    font-weight: bold;
}
.cta__btn a.btn_style:hover {
  background-color: #FFF;
  color: #F8A411;
}
.cta-common02__box__balloon{
  width: 80%;

  margin: 0 auto;
}

/* レスポンシブ */
@media screen and (max-width: 767px) {
    .cta-common02__title01 {
        font-size:  1.5rem;
        letter-spacing: 0;
    }
    .cta-common02__box__left__balloon {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .cta-common02__box__right__balloon {
        float: none;
        width: 90%;
        margin: 1.5rem auto 0;
    }
    .cta__btn a.btn_style {
        font-size: 1rem !important;
    }
    .cta__btn a.btn_style {
      /*以下、オンラインデモ用に2020/3/31追記*/
        height: 60px;
    }
    .cta__btn a.btn_style span {
      /*以下、オンラインデモ用に2020/3/31追記*/
        font-size: 1rem !important;
    }
    .cta-common02__box p {
        font-size: 0.9rem;
    }
    .cta-common02__box__balloon{
      width: 90%;
    }
  .cta-common02__infomation {
    text-align: left;
    width: 90%;
    max-width: inherit;
  }

}

/*--　CTA　20190508 ABテスト用よりここまで----------------------*/

/*--------------------------------------------------------

CTA　20200610変更

----------------------------------------------------------*/

/* ------------------------------
 *  導入企業No.1の「楽楽精算」が経費精算の悩みをすべて解決します
 * ------------------------------ */
.onlypc.cta-cm:before,
.onlypc.cta-cm:after {
  content: none;
}
.onlypc .cta-common02__box {
  width: 96%;
  max-width: 1000px;
  margin: 0 auto;
  position: inherit;
  z-index: 5;
}
.onlypc .cta-common02__box__left__balloon,
.onlypc .cta-common02__box__right__balloon{
  background: #fff;
  border-radius: 5px;
		padding: 16px;
		box-sizing: border-box;
}
.onlypc .cta-common02__infomation {
  background: none;
  color: #fff;
  margin-top: 16px;
}
.onlypc.cta-common02 p.cta-comment {
  margin: 15px auto 150px auto;
		height: 3em;
}
.onlypc .cta-common02__box p, .onlypc .cta-common02__box p span {
  color: #333;
}
.onlypc p.cta-comment::before,
.onlypc p.cta-comment::after{
    background-color: #333;
}
.index_main .onlypc .cta-common02__box .cta__btn {
padding: 0;
text-align: center;
}
.onlypc .cta__btn a.btn_style {
  padding: 1rem;
  height: inherit;
		position: relative;
  z-index: 1;
}
.onlypc .cta__btn a.btn_style::after { /*ボタン矢印*/
  content: "";
  height: 0;
  width: 0;
  display: block;
  border: 12px transparent solid;
  border-right-width: 0;
  border-left-color: #FFFFFF;
  position: absolute;
  top: calc(50% - 11px);
  right: .8rem;
}
.onlypc .cta__btn a.btn_style:hover::after {
  border-left-color: #F8A411;
}
.onlypc .img-add-doc::before,
.onlypc .img-add-doc:hover::before {
  background-image: url(/rakurakucloud/seisan/common/img/img-minidoc.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 47%;
  height: 180%;
  content: "";
  position: absolute;
  left: 35%;
  top: -190%;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.onlypc .img-add-doc::after {
  content: '';
  position: absolute;
  left: 8%;
  bottom: 35%;
  background: url(/rakurakucloud/seisan/img/04/img_cta_taki.png) 0 0 no-repeat;
  background-size: cover;
  width: 24%;
  height: 250%;
  z-index: 0;
}
.onlypc .img-add-doc2::before,
.onlypc .img-add-doc2:hover::before{
  background-image: url(/rakurakucloud/seisan/common/img/img-seisanloginscreen.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 47%;
  height: 180%;
  content: "";
  position: absolute;
  right: 32%;
  top: -125px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.onlypc .img-add-doc2::after {
  content: '';
  position: absolute;
  right: 8%;
  bottom: 20%;
  background: url(/rakurakucloud/seisan/img/04/img_cta_yoko.png) 0 0 no-repeat;
  background-size: cover;
  width: 19%;
  height: 250%;
  z-index: 0;
}
@media screen and (max-width: 1023px) {
  .onlypc .cta__btn a.btn_style {
    font-size: calc(1rem + 0.8vw);
  }
}

/*--　CTA　20200610変更　ここまで----------------------*/



/* 20190514add セミナーページデザイン変更 */
#seminar h1 {
  font-size: 300%;
  line-height: 110%;
  letter-spacing: 4px;
  font-weight: bold;
  text-align: center;
}
#seminar .lead {
  margin-top: 24px;
  text-align: center;
  font-size: 110%;
  line-height: 180%;
}
#seminar .seminar-list {
	box-sizing: border-box;
}

#seminar .seminar-list li.cont{
	border: 3px solid #E3E3E3;
	background: #fff;
	position: relative;
  padding: 10px 0 0;
}
#seminar .seminar-list li.label_1::before {
    content: "";
	position: absolute;
	top:10px;
	left: 10px;
	background: url(../seminar/img/label_1.png) no-repeat;
	width: 100px;
	height: 100px;
}
#seminar .seminar-list li.cont h2 {
    font-size: 220%;
    margin: 50px auto 10px;
    line-height: 130%;
    text-align: center;
    color: #e73a36;
    background: none;
    padding: 0;
    letter-spacing: 1px;
}
#seminar .seminar-list li.cont h2 span{
    font-size: 80%;
    display: block;
}
#seminar .seminar-list li.cont h3 {
    font-size: 140%;
    margin: 0;
    line-height: 130%;
	text-align: center;
    color: #e73a36;
	border: none;
}
#seminar .seminar-list li.cont p {
    margin: 0 50px 0;
    font-size: 15px;
}
#seminar .seminar-list li.cont ul {
    margin: 10px 50px;
    font-size: 15px;
    padding: 0 30px;
}
#seminar .seminar-list li.cont ul li{
  margin: 0;
  list-style: disc;
}
#seminar .seminar-list li .seminar-list-btn,
#seminar .seminar-list li .seminar-list-btn-off {
  background-color: #0078C9;
  padding: 10px;
  margin: 30px auto 0;
  text-align: center;
	transition: 0.3s;
}
#seminar .seminar-list li .seminar-list-btn.gray {
  background-color: #888;
}

#seminar .seminar-list li .seminar-list-btn a,
#seminar .seminar-list li .seminar-list-btn-off p {
  color: #fff;
	display: block;
  font-size: 180%;
	text-align: center;
	padding:10px 0;
}
#seminar .seminar-list li .seminar-list-btn:hover {
    background-color: #434343;
}
#seminar .seminar-list li.cont ul.digest{
	display: flex;
	justify-content: flex-end;
	margin: 0 0 20px;
	width: auto;
	flex-wrap: nowrap;
	padding: 0;
}
#seminar .seminar-list li.cont ul.digest li{
  position: relative;
  background: linear-gradient(#ff785b 0%, #e95738 100%);
  padding: 5px 0;
  color: #fff;
  vertical-align: 6px;
	margin: -15px 10px 0 0;
  z-index: 2;
  width: 110px;
  text-align: center;
  font-size: 13px;
  border-radius: 2px 0 0 0;
  list-style: none;
}
#seminar .seminar-list li.cont ul.digest li::before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-right: solid 6px transparent;
  border-bottom: solid 6px #cf4a2d;
}
#seminar .seminar-list li.cont ul.digest li::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-bottom: 10px solid transparent;
  border-left: 55px solid #e95738;
  border-right: 55px solid #e95738;
}
#seminar .seminar-list li.cont .ribbon_place_red,
#seminar .seminar-list li.cont .ribbon_place_green,
#seminar .seminar-list li.cont .ribbon_place_yellow {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 30px;
  margin: 0;
  padding: 10px 0;
  z-index: 2;
  width: 160px;
  text-align: center;
  color: white;
  font-size: 17px;
  border-radius: 2px 0 0 0;
}
#seminar .seminar-list li.cont .ribbon_place_red {
  background: linear-gradient(#ff785b 0%, #e95738 100%);
}
#seminar .seminar-list li.cont .ribbon_place_green {
  background: linear-gradient(#72d667 0%, #209613 100%);
}
#seminar .seminar-list li.cont .ribbon_place_yellow {
  background: linear-gradient(#fcc402 0%, #fba500 100%);
}
#seminar .seminar-list li.cont .ribbon_place_green_wide {
  width: 200px;
}
#seminar .seminar-list li.cont ul.seminar-txt-list li {
  position: relative;
  list-style: none;
}
#seminar .seminar-txt-list li::before {
  position: absolute;
  content: '■';
  top: 0;
  left: -25px;
}
@media (min-width: 768px) {

	#seminar .outline li {
		margin-top: 30px;
	}
  .pc_only {
    display: block;
  }
  .sp_only {
    display: none;
  }
}
@media (max-width: 767px){
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
  #seminar h1 {
    font-size: 150%;
    letter-spacing: 0;
  }
  #seminar .lead {
    margin-top: 14px;
    text-align: left;
    font-size: 110%;
    line-height: 130%;
  }
  #seminar .seminar-list li.label_1::before {
		content: "";
		position: absolute;
		top: -25px;
		left: -25px;
		background: url(../seminar/img/label_1.png) no-repeat;
		background-size: cover;
		width: 70px;
		height: 70px;
	}
	#seminar .seminar-list li.cont h2 {
		font-size: 18px;
		line-height: 130%;
		text-align: center;
		color: #e73a36;
		background: none;
		margin: 60px auto 10px;
		padding: 0;
		font-weight: bold;
		letter-spacing: 1px;
	}
	#seminar .seminar-list li.cont h3 {
		font-size: 15px;
		margin: 0 10px 10px;
		line-height: 130%;
		text-align: center;
		color: #e73a36;
	}
	#seminar .seminar-list li.cont p {
		margin: 0 15px 0;
		font-size: 14px;
	}
  #seminar .seminar-list li.cont .ribbon_place_red,
  #seminar .seminar-list li.cont .ribbon_place_green,
  #seminar .seminar-list li.cont .ribbon_place_yellow {
		position: absolute;
    top: 0;
    left: 0;
    width: 130px;
	}
  #seminar .seminar-list li.cont .ribbon_place_green_wide {
    width: 160px;
  }
  #seminar .seminar-list li.cont ul.digest li {
    padding: 2px 5px;
    background: #e73a36;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    vertical-align: 6px;
    width: 80px;
    text-align: center;
    margin: 0 5px 5px;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    list-style: none;
  }
  #seminar .seminar-list li.cont ul.digest li::before,
  #seminar .seminar-list li.cont ul.digest li::after {
    content: none;
  }
	#seminar .seminar-list li .seminar-list-btn,
  #seminar .seminar-list li .seminar-list-btn-off {
		background-color: #0078C9;
		padding: 10px;
		margin: 10px auto 0;
		text-align: center;
	}
	#seminar .seminar-list li .seminar-list-btn a,
  #seminar .seminar-list li .seminar-list-btn-off p {
		color: #fff;
		display: block;
		font-size: 16px;
		text-align: center;
		padding: 0;
	}
	#seminar .seminar-list li.cont ul.digest {
    position: absolute;
    right: 0;
    top: 5px;
    margin-top: 0;
		height: auto;
    display: block;
	}
	#seminar .outline li {
		margin-top: 25px;
	}
  #seminar .seminar-list li.cont .ribbon_place_red, #seminar .seminar-list li.cont .ribbon_place_green, #seminar .seminar-list li.cont .ribbon_place_yellow {
    padding: 10px 0;
    font-size: 14px;
  }
}

/* end-20190514add セミナーページデザイン変更 */

/*-----------------------------------------------------------------------
20190809add 製品サイトサンクスページ、LP－R明細のCM動画、動線追加用デザイン変更
-------------------------------------------------------------------------*/
.rakus-other-product{
  margin: 6em auto 1em;
}
.rakus-other-product h2 {
  font-size: 32px;
  text-align: center;
  margin: 0 auto 0.5em;
  color: #258dce;
  /* border-top: 2px dashed #8a8a8a; */
  font-weight: 600;
  padding: 30px 0 0px;
  line-height: 1.3;
}
.rakus-other-product p {
  padding: 10px 10px 0;
  font-size: 20px;
  text-align: center;
  line-height: 1.3;
}
.meisai-movie-area {
  background: #ebf3d5;
  padding: 0 0 30px 0;
  margin-top: 3rem;
}
.meisai-movie-area h3 {
  background: #00a33e;
  text-align: center;
  padding: 25px 20px 20px;
  font-size: 30px;
  line-height: 1.3;
  position: relative;
  color: #fff;
  letter-spacing: 0.05em;
}
.meisai-title-fukidashi h3::before, .meisai-movie-area h3::after {
  content: '';
  position: absolute;
}
.meisai-title-fukidashi h3::before{
  background-image: url("/rakurakucloud/seisan/common/img/form/img-meisai-fukidashitxt.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 180px;
  height: 150px;
  left: 3px;
  top: -20px;
  transform: rotate(-12deg);
}
.meisai-movie-area h3::after{
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-top-color: #00a33e;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
.meisai-movie-area h3 span {
    font-size: 20px;
  display: block;
}
.meisai-logo-place {
  text-align: center;
  padding: 30px 20px;
  font-size: 1.5rem;
  color: #00a33e;
  font-weight: bold;
  letter-spacing: 0.2rem;
}
.meisai-logo-place p {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  letter-spacing: 0;
}
.meisai-logo-place figure {
  display: inline-block;
  vertical-align: middle;
}
.meisai-logo-place .rmeisai_uriage img{
max-width: 100px;
width: 100%;
}
.meisai-logo-place .rmeisai_uriage_cap{
  display: block;
  color: #7a7a7a;
  letter-spacing: 0;
  font-size: 10px;
  line-height: 1.2;
  font-weight: normal;
  margin-top: 5px;
}
@media screen and (max-width:426px){
  .rmeisai_uriage{
    display: block;
  }
  .meisai-logo-place figure{
    display: inline-block;
    max-width: 120px;
  }
}
p.meisai-movie-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0.5em;
  text-align: center;
  line-height: 1.3;
}
span.font-c-blue {
    color: #278ecf;
}
span.font-c-green {
    color: #00a33e;
}
.movie-position {
    text-align: center;
    margin: 2em auto;
}
.meisai-lead-text p{
  margin: 0.5em auto;
}
.meisai-lead-text {
    text-align: center;
    font-size: 25px;
    line-height: 1.5;
}
.meisai-lead-text span {
    display: inline-block;
    margin-right: 20px;
    background: #4f9a46;
    padding: 7px 20px 5px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
}
.meisai-lead-text em {
    color: #e55927;
    font-weight: bold;
    font-size: 1.2em;
}
.meisai-bg-green {
  background: #ebf3d5;
  padding: 50px;
}
h2.meisai-ttlh2 {
  position: relative;
  max-width: 900px;
  margin: 0 auto 60px;
  color: #333;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
h2.meisai-ttlh2::before {
  content: '';
  position: absolute;
  bottom: -20px;
  display: inline-block;
  width: 55px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #c5cc37;
}
.meisai-trouble-list {
  display: flex;
  justify-content: space-between;
  padding: 10px 0 0 0;
  flex-wrap: wrap;
}
.meisai-trouble-list li {
  position: relative;
  margin: 0;
  padding: 20px 25px;
  width: 31%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  background: #fff;
  list-style-type: none;
  border: 1px solid #d8d8d8;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
box-sizing: border-box;
}
.meisai-trouble-list2{
  width: 80%;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  border: 3px solid #d0dc81;
  border-radius: 6px;
  position: relative;
}
.meisai-trouble-list2::after, .meisai-trouble-list2::before{
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.meisai-trouble-list2::after{
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 30px;
  margin-left: -30px;
}
.meisai-trouble-list2::before{
  border-color: rgba(208, 220, 129, 0);
  border-top-color: #d0dc81;
  border-width: 36px;
  margin-left: -36px;
}
.meisai-trouble-list2 li{
  font-size: 130%;
  position: relative;
  line-height: 2;
  padding: 0 0 10px 45px;
  font-weight: bold;
}
.meisai-trouble-list2 li:last-of-type{
  padding-bottom: 0;
}
.meisai-trouble-list2 li::before{
  content: '';
  position: absolute;
  background-image: url(/rakurakucloud/seisan/common/img/form/icon-meisai-list-check.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 30px;
  height: 26px;
  left: 6px;
  top: 6px;
}
p.meisai-solution {
  margin: 4rem auto 1rem;
  text-align: center;
  font-size: 260%;
  line-height: 1.2;
}
p.meisai-solution span{
  padding: 0 20px 0;
  background: linear-gradient(transparent 60%, #d9e5ae 0%);
}
p.meisai-solution em{
  font-size: 115%;
  color:#189c3e;
}
.meisai-trouble-list-point p {
  content: '';
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  background: #4f9a46;
  padding: 6px 5px 4px;
  text-align: center;
  border-radius: 5px;
  width: 75px;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 2px;
  box-sizing: border-box;
}
.meisai-trouble-list-point {
  padding: 5px;
  height: 145px;
  color: #074d82;
}
.meisai-trouble-list-anser {
  position: relative;
  display: inline-block;
  margin: 25px 0 15px;
  padding: 6px 10px 7px;
  max-width: 100%;
  color: #189c3e;
  font-size: 16px;
  background: #faf6c1;
  border: solid 2px #189c3e;
  box-sizing: border-box;
  border-radius: 20px;
}
.meisai-trouble-list-anser::before {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 10px solid #faf6c1;
  z-index: 2;
}
.meisai-trouble-list-anser:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -17px;
  border: 12px solid transparent;
  border-top: 12px solid #189c3e;
  z-index: 1;
}
.meisai-trouble-list-point img, .meisai-trouble-list-solution img {
  width: 110px;
  height: 71px;
  box-sizing: content-box;
  padding: 15px 0 25px;
}
.meisai-trouble-list li:first-of-type .meisai-trouble-list-solution img {
  width: 110px;
  height: 71px;
  box-sizing: content-box;
  padding: 15px 0 25px;
}
.meisai-case-bnr {
  margin: 2em auto 3em;
  display: block;
  width: 100%;
  text-align: center;
}
.meisai-case-bnr img {
  box-shadow: 0 0 4px #adadad;
}
/*meisai-cta-area*/
.meisai-cta-btn-area{
  background: #d0dc81;
  padding: 50px 20px;
  height: 210px;
  box-sizing: content-box;
}
.meisai-cta-btn-area-inner {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  width:100%;
}
.meisai-cta-l {
  position: absolute;
  left: 0;
  width: 280px;
}
.meisai-cta-l img{
  width: 280px;
  height: 225px;
  display: block;
  margin: 0 auto;
}
.meisai-cta-c {
  position: absolute;
  left: 300px;
  width: 300px;
}
.meisai-cta-c h2{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.3;
}
.meisai-cta-c h2 .sub-txt{
  display: inline-block;
  margin: 16px 0;
  font-size: 18px;
  color: #e55927;
  text-align: center;
  line-height: 1.3;
}
.meisai-cta-c h2 .sub-txt::before{
  content: '';
  display: inline-block;
  background: url(/rakurakucloud/seisan/common/img/form/cta-st-left.svg) 0 0 no-repeat;
  background-size: cover;
  width: 12px;
  height: 17px;
  margin-right: 6px;
  vertical-align: -0.15em;
}
.meisai-cta-c h2 .sub-txt::after{
  content: '';
  display: inline-block;
  background: url(/rakurakucloud/seisan/common/img/form/cta-st-right.svg) 0 0 no-repeat;
  background-size: cover;
  width: 12px;
  height: 17px;
  margin-left: 5px;
  vertical-align: -0.15em;
}
.meisai-cta-c h2 .main-txt{
  margin: 0 0 20px;
  font-size: 24px;
  color: #222;
  text-align: center;
  letter-spacing: 0.03em;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
}
.meisai-cta-btn a{
  position: relative;
  display: block;
  padding: 12px 30px 10px 19px;
  background: #e55927;
  border: 3px solid #e55927;
  color: #fff;
  text-align: center;
  margin: auto;
  border-radius: 50px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
  transition: .2s;
}
.meisai-cta-btn a:hover{
  border: 3px solid #e55927;
  background:#fff;
  color: #e55927;
}
.meisai-cta-r{
  position: absolute;
  right: 0;
  bottom: -260px;
  width: 248px;
  margin-left: 0;
}
.meisai-cta-r img{
  width: 248px;
  height: 332px;
  display: block;
  margin: 0 auto;
}
.meisai-case-area {
  background: #ebf3d5;
  padding: 0 0 30px 0;
}
.meisai-case-area h3 {
  text-align: center;
  padding: 20px 20px 16px;
  line-height: 1.3;
  background: #189c3e;
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
}
h3.meisai-case-title {
  background: none;
  padding: 30px 0 10px;
  color: #333;
  font-size: 190%;
  margin: 0 auto;
  position: relative;
  display: table;
}
h3.meisai-case-title em {
  font-size: 140%;
  color: #189c3e;
}
h3.meisai-case-title span{
  font-size: 12px;
  display: block;
  text-align: right;
}
.meisai-cta-btn-area2 {
  background: #d0dc81;
  padding: 50px 20px;
  height: 160px;
  box-sizing: content-box;
}
.meisai-cta-btn-area2 h3{
  text-align: center;
  font-weight: bold;
  font-size: 190%;
  line-height: 1.2;
}
.meisai-cta-btn-area2 .btnarea {
  position: relative;
  margin: 65px auto 0;
  max-width: 540px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.meisai-cta-btn-area2 .btnarea::before {
  content: '';
  position: absolute;
  left: -200px;
  bottom: -61px;
  background: url(/rakurakucloud/seisan/common/img/form/solution-cta-img01.png) 0 0 no-repeat;
  background-size: 100%;
  width: 160px;
  height: 270px;
  z-index: 1;
}
.meisai-cta-btn-area2 .btnarea::after {
  content: '';
  position: absolute;
  right: -208px;
  bottom: -61px;
  background: url(/rakurakucloud/seisan/common/img/form/solution-cta-img02.png) 0 0 no-repeat;
  background-size: 100%;
  width: 200px;
  height: 290px;
  z-index: 1;
}
.cta_trial_image a{
  display: block;
  padding: 15px 20px 18px 20px;
  color:#e55927;
  background: #fff;
  border: 3px solid #e55927;
  font-size: 15px;
  position: relative;
  border-radius: 50px;
  box-sizing: border-box;
  width: 250px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
  transition: .2s;
  text-align: center;
  }
.cta_trial_image a:hover{
  background: #e55927;
  border: 3px solid #e55927;
  color: #fff;
}
.cta_trial_image a::before{
  background-image: url(/rakurakucloud/seisan/common/img/form/cta_doc_image.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 80px;
  height: 66px;
  content: "";
  position: absolute;
  left: -24px;
  top: -44px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  z-index: 1;
}
.cta_doc_image a{
  padding: 15px 20px 18px 20px;
  color: #fff;
  position: relative;
  background: #e55927;
  display: block;
  border: 3px solid #e55927;
  color: #fff;
  box-sizing: border-box;
  border-radius: 50px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
  transition: .2s;
  width: 250px;
  text-align: center;
}
.cta_doc_image a:hover{
  background: #fff;
  border: 3px solid #e55927;
  color: #e55927;
}
.cta_doc_image a::before{
  background-image: url(/rakurakucloud/seisan/common/img/form/cta_trial_image.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 90px;
  height: 60px;
  content: "";
  position: absolute;
  right: -15px;
  top: -40px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  z-index: 1;
}

ul.meisai-case-list {
  width: 95%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
ul.meisai-case-list li {
  width: 46%;
  margin: 2em auto 1em;
  display: flex;
  flex-wrap: wrap;
}
.meisai-case-area figure {
    text-align: center;
    background: #fff;
    display: table;
    margin: 0 auto;
    border-radius: 50%;
    padding: 22px;
    line-height: 1;
    border: 4px solid #d0dc81;
}
.meisai-case-text-box {
  background: #fff;
  padding: 20px;
  width: 95%;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
p.meisai-case-fukidashi {
  background: #d0dc81;
  text-align: center;
  padding: 25px 20px;
  position: relative;
  border-radius: 50px;
  font-weight: bold;
  font-size: 120%;
  color: #016d20;
  left: 50%;
  transform: translate(-50%, -7%);
}
p.meisai-case-fukidashi::after{
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border: 20px solid transparent;
  border-top-color: #d0dc81;
  top: 97%;
  left: 50%;
  margin-left: -20px;
}
p.meisai-case-client {
  text-align: center;
  margin: 12px auto 10px;
  background: #189c3e;
  padding: 10px 10px 6px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  position: relative;
  max-width: 270px;
  width: 100%;
  box-sizing: border-box;
}
.meisai-case-text-box h4 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 16px;
}
.meisai-case-text-box p em {
  background: linear-gradient(transparent 60%, #d6f787 60%);
  color: #007bc7;
  font-weight: bold !important;
}
.meisai-case-text-box p span {
  font-weight: bold;
  color: #008f36;
  font-size: 1.5rem;
}
.meisai-case-bnr-area h3 {
  background: #f8a411;
  max-width: 700px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  transform: translateY(-15px);
  border-radius: 90px;
  font-size: 190%;
  line-height: 1.2;
  color: #fff;
  text-shadow: 0 2px 0 #c27b00;
}
.meisai-case-bnr-area h3::after{
  top: 96%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(248, 164, 17, 0);
  border-top-color: #f8a411;
  border-width: 20px;
  margin-left: -20px;
}
@media (max-width: 960px){
  .meisai-title-fukidashi h3::before{
    width: 120px;
    height: 105px;
  }
  .meisai-cta-btn-area2 .btnarea::before, .meisai-cta-btn-area2 .btnarea::after{
    display: none;
  }
}
@media (max-width: 810px){
  .meisai-movie-area{
    margin-top: 3.5rem;
  }
  .movie-position{
    padding: 0 20px;
  }
  .movie-position > iframe{
    max-width: 100%;
    height: auto;
    min-height: 250px;
    margin: 1% auto;
  }
}
@media (max-width: 786px){
  .meisai-title-fukidashi h3::before{
    top: -52px;
    left: 10%;
    transform: rotate(0);
  }
  .rakus-other-product h2 {
    font-size:26px;
    }
  .meisai-movie-area h3{
    padding: 20px 10px;
    font-size: 24px;
  }
  p.meisai-movie-title{
    font-size: 20px;
    padding: 0 10px;
    text-align: left;
  }
  .meisai-lead-text span{
    margin-bottom: 10px;
  }
  .meisai-lead-text{
    font-size:18px;
  padding: 0 15px;
  }
  .meisai-lead-text p{
    text-align: left;
  }
  .meisai-lead-text span{
    margin-right: 6px;
    padding: 7px 10px 5px;
  }
  .meisai-cta-btn-area{
    height: 170px;
    padding: 20px 20px 50px;
    box-sizing: content-box;
  }
  .meisai-cta-btn-area2{
    height: auto;
    padding: 30px 20px;
    box-sizing: content-box;
  }
  .meisai-cta-btn-area2 .btnarea{
    margin-top: 40px;
  }
.meisai-cta-l, .meisai-cta-r{
  position: static;
  display: none;
}
.meisai-cta-c{
  width: 100%;
  position: static;
  }
  .cta_trial_image{
    margin: 0 auto 20px;
  }
  .cta_doc_image{
    margin: 0 auto;
  }
  .cta_doc_image::before, .cta_trial_image::before{
    display: none;
  }
  .cta_trial_image a::before {
    width: 50px;
    height: 50px;
    top: -14px;
}
  .cta_doc_image a::before {
    top: -8px;
    width: 60px;
    height: 50px;
}
  h2.meisai-ttlh2{
    font-size: 22px;
  }
.meisai-trouble-list li{
  width:100%;
  margin: 0 0 2.5em;
  }
  ul.meisai-case-list li{
    width:100%;
  }
  .meisai-trouble-list2{
    width: 100%;
  }
  .meisai-trouble-list2::before{
    border-width: 30px;
    margin-left: -30px;
  }
  .meisai-trouble-list2::after{
    border-width: 25px;
    margin-left: -25px;
  }
  p.meisai-solution{
    margin-top: 2rem;
    font-size: 200%;
  }
  h3.meisai-case-title{
    font-size: 210%;
  }
  h3.meisai-case-title::before{
    width: 35px;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .meisai-case-text-box{
    padding: 30px;
  }
}
@media screen and (max-width:425px){
  .rakus-other-product{
    margin-top: 1.5rem;
  }
  .rakus-other-product h2{
    font-size: 1rem;
  }
  .rakus-other-product p{
    font-size: 0.8rem;
  }
}
@media (max-width: 420px){
  .meisai-bg-green{
    padding: 30px 20px 6px;
  }
  }
/* end-20190809add 製品サイトサンクスページ、LP－R明細のCM動画、動線追加用デザイン変更 */


/*コラムおすすめ追加*/
.column_osusume {
  background: #E5EDF9;
  margin: 2rem 0;
  padding: 2rem;
}
.column_osusume h2.osusume_ttl {
  margin-bottom: 30px;
  font-size: 1.5rem;
  color: #0078C9;
}
.column_osusume dl {
  margin: 20px 0;
}
.column_osusume dl:last-child {
  margin: 20px 0 0;
}
.column_osusume dt {
  margin-bottom: 5px;
  font-size: 1.05rem;
}
.column_movie {
  margin-top: 3rem;
  text-align: center;
}
.column_movie video {
  width: 500px;
}
.center {
  text-align: center;
}

@media (max-width: 786px){
.column_osusume {
  padding: 1.2rem;
  font-size: 1rem;
  word-wrap: break-word;
}
.column_osusume h2.osusume_ttl {
  font-size: 1rem;
}
.column_osusume dt, .column_osusume dd {
  font-size: 0.8rem;
  line-height: 150%;
}
.column_osusume dl {
  margin: 10px 0;
}
.column_movie video {
  width: 90%;
}

}


/*-----------------------------------------------------------------------
20190904add ctaボタンのcss style追加
-------------------------------------------------------------------------*/
p.cta-comment {
  display: table;
  margin: 0 auto 20px;
  position: relative;
  font-size: 1.15rem;
  line-height: 1.5;
  font-weight: 600;
  padding: 0 45px;
}
.contact p.cta-comment {
  display: table;
  margin: 0 auto 10px;
  position: absolute;
  top: 80px;
  left: -80px;
  color: #fff;
  font-size: 1.1em;
  line-height: 1.2;
  font-weight: 600;
  padding:0 45px;
}
.miniimage p.cta-comment {
  font-size: 14px;
  text-align: center;
  color: #999;
  display: table;
  margin: 0 auto 10px;
  top: -70px;
  position: absolute;
  line-height: 1.2;
  font-weight: 600;
  padding: 0 20px;
}
p.cta-comment span {
  color: #fff;
  font-size: 1.15rem;
}
p.cta-comment::before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  left:0;
}
p.cta-comment::after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  right:0;
}
.miniimage p.cta-comment::before {
  left: -20px;
  background-color: #999;
}
.miniimage p.cta-comment::after {
  right: -20px;
  background-color: #999;
}
.img-add-doc, .img-add-doc2, .img-add-doc3, .img-add-doc4 {
  position: relative;
}
.img-add-doc::before {
    background-image: url(/rakurakucloud/seisan/common/img/img-minidoc.png);
    background-size: 90%;
    background-repeat: no-repeat;
    width: 130px;
    height: 70px;
    content: "";
    position: absolute;
    left: -14px;
    top: -38px;
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}
.img-add-doc:hover::before {
    background-image: url(/rakurakucloud/seisan/common/img/img-minidoc.png);
    background-size: 90%;
    background-repeat: no-repeat;
    width: 150px;
    height: 80px;
    content: "";
    position: absolute;
    left: -35px;
    top: -40px;
}
.img-add-doc2::before{
  background-image: url(/rakurakucloud/seisan/common/img/img-seisanloginscreen.png);
  background-size: 90%;
  background-repeat: no-repeat;
  width: 130px;
  height: 70px;
  content: "";
  position: absolute;
  right: -20px;
  top: -38px;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.img-add-doc2:hover::before{
  background-image: url(/rakurakucloud/seisan/common/img/img-seisanloginscreen.png);
  background-size: 90%;
  background-repeat: no-repeat;
  width: 150px;
  height: 80px;
  content: "";
  position: absolute;
  right: -40px;
  top: -41px;
}

.img-add-doc3::before{
  background-image: url(/rakurakucloud/seisan/common/img/img-minipdf.png);
  background-size: 90%;
  background-repeat: no-repeat;
  width: 130px;
  height: 70px;
  content: "";
  position: absolute;
  right: -70px;
  top: -30px;
}
.img-add-doc4::before{
  background-image: url(/rakurakucloud/seisan/common/img/img-minipdf.png);
  background-size: 90%;
  background-repeat: no-repeat;
  width: 150px;
  height: 90px;
  content: "";
  position: absolute;
  left: -24px;
  top: -35px;
}
.index_jumbotron__action_bar .img-add-doc3::before{
  background-image: url(/rakurakucloud/seisan/common/img/img-minipdf.png);
  background-size: 90%;
  background-repeat: no-repeat;
  width: 130px;
  height: 70px;
  content: "";
  position: absolute;
  left: -24px;
  top: -50px;
}
.cta__btn.img-add-doc3 a.btn_base {
  font-size: 100%;
}
.panel.onebutton.mt-cutback {
  margin: 30px auto 40px;
}
.bg-dl-img {
  position: relative;
}
.bg-dl-img:after {
  content: '';
  position: absolute;
  left: -55px;
  bottom: -2px;
  background: url(/rakurakucloud/seisan/common/img/img_dl_taki.png) 0 0 no-repeat;
  background-size: cover;
  width: 240px;
  height: 269px;
  z-index: 0;
}
.panel-dl {
  overflow: visible !important;
}


/*--------------------------------------------------------
add 2020.08.17
一括DL　CTA
----------------------------------------------------------*/
.cta-all_dl .panel__raise_action .panel_download {
    background: #337dc3;
    color: #FFF;
}
.cta-all_dl .panel__raise_action p.cta-comment {
    margin-bottom: 24px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
}
.cta-all_dl .panel__raise_action p.cta-comment::before, .cta-all_dl .panel__raise_action p.cta-comment::after {
    display: none;
}
.cta-all_dl .panel__raise_action .panel_action_btn a {
    position: relative;
    padding: 12px 0;
    font-size: 1.3125rem;
    color: #FFF !important;
    background: #f8a410;
    border: none;
    box-shadow: none;
}
.cta-all_dl .panel__raise_action .panel_action_btn a:hover {
    background: #FFF;
    color: #f8a410 !important;
}
.cta-all_dl .panel__raise_action .panel_action_btn a .btn_icon {
    position: absolute;
    top: 50%;
    left: 24px;
    margin: -9px 0 0;
    display: block;
    height: 18px;
    width: 16px;
    background: url('/rakurakucloud/seisan/common/img/ico_dl.png') no-repeat center top;
  background-size: 100% auto;}

@media (max-width: 786px){
  .img-add-doc::before, .img-add-doc2::before, .img-add-doc3::before, .img-add-doc4::before {
    display: block;
  }
  .contact p.cta-comment,.img-add-doc4::before  {
    display: none;
  }
  .bg-dl-img {
    position: static;
  }
  .bg-dl-img:after {
    position: static;
    background: none;
  }
      .img-add-doc::before {
        width: 80px;
        height: 45px;
        top: -30px;
    }
    .img-add-doc2::before{
      width: 90px;
      height: 48px;
      top: -30px;
    }
    .img-add-doc3::before{
      width: 90px;
      height: 68px;
      right: -30px;
      top: 130px;
    }

}

/*index CM動画 20191114*/

.index_hero-bg .hero-sp {
  display: none;
}
.index_hero-bg .hero {
  padding: 0 0 190px 0;
}
.index_hero-bg .hero.padding100 {
  padding: 0 0 100px 0;
}
.index_hero-bg .hero.padding160 {
  padding: 0 0 100px 0;
}
.index_hero-bg .hero.heropaddingsmall {
  padding: 0 0 8px 0;
}
.index_hero-bg .hs-legaltext {
  margin: 0 10px 80px;
}
.index_hero-bg .hs-legaltext p {
  font-size: 0.6rem;
  line-height: 1.2;
}
.index_hero-bg .hero-bg {
  position: relative;
  height: 600px;
}
@media screen and (min-width:1921px){
  .index_hero-bg .hero-bg {
    height: auto;
  }
}
.index_hero-bg .top-hero-bg {
  background-color: rgba(0,0,0,.8);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.index_hero-bg .top-hero-bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/rakurakucloud/seisan/common/img/bg-movie.png) repeat;
  opacity: .6;
  background-size: 4px 4px;
  z-index: 1;
}
.index_hero-bg .top-hero-bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.45;
  z-index: 1;
  background-image: url(/rakurakucloud/seisan/common/img/top-hero-bg_img.jpg) ;
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center bottom;
}
.index_hero-bg .top-hero-bg-inner {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.index_hero-bg .top-hero-bg-inner::before {
  content: '';
  display: block;
  padding-top: 38%;
}
.index_hero-bg .top-hero-bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  transform: translate(0,0);
}
.index_hero-bg .hero-message {
  position: absolute;
  color: #fff;
  width: 700px;
/*  top: 20%;
  left: 5%;*/
  top: 43%;
  right: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.index_hero-bg .hero-message h1,.hero-message h2 {
  color: #fff;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.index_hero-bg .hero-message h1 {
  margin-bottom: 40px;
  font-size: 1.8rem;
  text-shadow: 2px 3px 3px rgb(0 0 0 / 42%);
}
.index_hero-bg .hero-message h2 {
  font-size: 3.4rem;
  line-height: 1.4;
  text-shadow: 2px 3px 3px rgb(0 0 0 / 42%);
}
.index_hero-bg .hero-message h2 span {
    font-size: 0.8rem;
}
.index_hero-bg .hero-form {
  position: absolute;
  color: #fff;
  top: 12%;
  left: 55%;
  margin-top: 0;
  z-index: 2;
}
.index_hero-bg .hero-form.main-form__title__txtbox {
  width: 45%;
  max-width: 432px;
  background: rgb(207,227,249,0.95);
  padding-top: 15px;
  color: #333;
}
.index_hero-bg .hero-form .page_title {
  width: 90%;
  margin: 15px auto 0;
  font-weight: bold;
  padding-bottom: 10px;
  font-size: 1rem;
  text-align: center;
  border-radius: 0;
  border-bottom: 3px solid #2B91D7;
}
.index_hero-bg .hero-form .main-form__title__wrap {
  font-size: 16px;
  background: none;
  padding: 15px;
}
@media (min-width: 1200px) and (max-width: 1550px){
  .index_hero-bg .top-hero-bg-inner {
    width: 120%;
  }
}
@media (min-width: 1200px) and (max-width: 1349px){
  .index_hero-bg .top-hero-bg-inner {
    width: 120%;
  }
  .index_hero-bg .hero-form {
    top: 8%;
  }/*  .index_hero-bg .hero-form.main-form__title__txtbox {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    max-width: initial;
    background: rgb(207,227,249,0.95);
    padding-top: 15px;
    color: #333;
  }*/
}
@media (min-width: 991px) and (max-width: 1199px){
  .index_hero-bg .top-hero-bg-inner {
    width: 145%;
  }
  .index_hero-bg .hero-form {
    top: 10%;
  }
/*  .index_hero-bg .hero-form.main-form__title__txtbox {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    max-width: initial;
    background: rgb(207,227,249,0.95);
    padding-top: 15px;
    color: #333;
  }*/
}

@media (max-width: 990px) {
  .index_hero-bg .hero-cta-box.formarea {
    width: 100%;
    height: auto;
  }
  .index_hero-bg .hero-form.main-form__title__txtbox {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    max-width: initial;
    background: rgb(207,227,249,0.95);
    padding-top: 15px;
    color: #333;
  }
}
.fixedseminarbanner {
  position: fixed;
  top: 68%;
  right: 0;
  z-index: 999;
}
.fixedseminarbanner img {
  max-width: 400px;
  width: 100%;
  height: auto;
}
.fixedseminarbanner img:hover {
  opacity: .8;
}
.fixedseminarbanner .close {
  position: absolute;
  top: -25px;
  right: 1px;
  width: 25px;
  background: #ccc;
  border-radius: 50%;
  padding: 2px 2px 0 5px;
  box-sizing: border-box;
  height: 25px;
}
.fixedseminarbanner .close a i {
  font-size: 20px;
  z-index: 888;
}
.hero-cta-box {
  position: relative;
  width: 310px;
  height: 0;
  margin: 0 auto;
  z-index: 10;
}
.hero-cta-box-panel{
  margin: 0px auto;
  transform: translate(0,-94px);
}
.hero-cta-box-panel .panel_header {
  position: relative;
  padding: 13px 20px;
  background: #f0f0f0 url(/rakurakucloud/seisan/common/img/bg_panel_header_gray.png) repeat 0 0;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.hero-cta-box-panel .panel_header_title {
  margin-bottom: 10px;
  line-height: 140%;
  letter-spacing: 0.02em;
  font-family: "Noto Sans CJK JP", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
}
.hero-cta-box-panel .panel_header_title .sub {
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
  font-size: 1rem;
  font-weight: bold;
  color: #FF7F00;
}
.hero-cta-box-panel .panel_header_title .sub:before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 22px;
  height: 2px;
  background-color: #FF7F00;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  left: -25px;
}
.hero-cta-box-panel .panel_header_title .sub:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 22px;
  height: 2px;
  background-color: #FF7F00;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  right: -25px;
}
.hero-cta-box-panel .panel_header_title h3 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.35;
  color: #222;
}
.hero-cta-box-panel .panel_action_btn {
  text-align: center;
}
.hero-cta-box-panel .panel_action_btn li {
  display: inline-block;
  width: 270px;
  margin: 0 auto;
  letter-spacing: 0;
}
.hero-cta-box-panel .panel_action_btn a {
  width: 100%;
  color: #FFF;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}
.hero-cta-box-panel .panel_action_btn a:visited {
  color: #FFF;
}
.hero-cta-box-panel .panel_action_btn a:focus {
  color: #FFF;
}
.hero-cta-box-panel .panel_action_btn a:hover {
  color: #FFF;
}
.hero-cta-box-panel .panel_action_btn a:active {
  color: #FFF;
}
.hero-cta-box-panel .cta__btn.img-add-top-doc a.btn_base {
  border: none;
  font-size: 1rem;
  padding: 0.5em 1em 0.5em !important;
  background-image: none;
}
.hero-cta-box-panel .cta__btn.img-add-top-doc a.btn_base:hover {
  color: #f2a531;
  background: #fff;
}
.hero-cta-box-panel .cta__btn.img-add-top-doc {
  position: relative;
  padding: 0 0 10px 0;
}
.hero-cta-box-panel .cta__btn.img-add-top-doc:before {
  background-image: url(/rakurakucloud/seisan/common/img/img-minidoc.png);
  background-size: 90%;
  background-repeat: no-repeat;
  width: 60px;
  height: 35px;
  content: "";
  position: absolute;
  left: -8px;
  top: -15px;
  transition: 0.2s;
}
.hero-cta-box-panel .cta__btn.img-add-top-doc:hover:before {
  width: 80px;
  height: 40px;
  left: -8px;
  top: -15px;
}
.hero-comment-box {
  position: absolute;
  width: calc(100vw / 2 - 190px);
  max-width: 490px;
  height: auto;
  margin: 0 auto;
  right: 10px;
  bottom: 20px;
  z-index: 10;
  color: #fff;
  font-size: 0.9em;
  line-height: 1.4;
}

@media (max-width: 989px){
.index_hero-bg .sp-top_hero {
  background: #fff url(/rakurakucloud/seisan/common/img/top_hero_office.jpg) no-repeat center top;
  background-size: cover;
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-variant-ligatures: no-common-ligatures;
  margin:0 auto 210px;
  padding: 40px 0 0;
}
.index_hero-bg .sp-top_hero.nobanner {
  margin: 0 auto;
}
.index_hero-bg .main-title {
  width:95%;
  margin:0 auto;
  padding: 0;
  color:#333;
  text-align: center;
}
.index_hero-bg .main-title-txtbox .main-title-txt02 {
  color: #f2a531;
  font-size: 20px;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.index_hero-bg .main-title-txtbox .main-title-txt01 {
  padding-bottom: 10px;
  color: #fff;
  text-align: center;
  font-size: 29px;
  padding-right: 0;
  line-height: 1.5;
}
.index_hero-bg .main-title-txtbox .main-title-txt01 span {
  font-size: 9px;
}
.index_hero-bg .main-title-txtbox .main-title-txt01 strong {
  color: #fff;
}
.index_hero-bg .sp-kv-bg-img-index2 {
  width: 70%;
  margin: 0 auto;
}
.hero-cta-box {
  width: 85%;
}
  @media screen and (max-width: 370px) {
    .hero-cta-box {
      width: 100%;
    }
    .hero-cta-box-panel .panel_action_btn li {
      width: 100%;
    }
  }
.hero-cta-box-panel {
  transform: translate(0,20px);
}
.hero-comment-box {
  position: relative;
  width: auto;
  max-width: none;
  right: auto;
  bottom: auto;
  color: #333;
  padding: 0 20px;
}
.index_hero-bg .hero-message h2 {
  font-size: 1.6rem;
  text-align: center;
}
.hero-cta-box-panel .panel_header {
  padding: 15px;
  box-shadow: none;
  border: 1px solid #ddd;
}
.hero-cta-box-panel .panel_header_title {
  margin-bottom: 15px;
}
.hero-cta-box-panel .panel_header_title .sub {
  font-size: 0.9rem;
}
.hero-cta-box-panel .panel_header_title .sub:before {
  width: 17px;
  left: -20px;
}
.hero-cta-box-panel .panel_header_title .sub:after {
  width: 17px;
  right: -20px;
}
.hero-cta-box-panel .panel_header_title h3 {
  font-size: 1.4rem;
}
.hero-cta-box-panel .panel_action_btn li {
  width: 100%;
  margin: 0;
}
.hero-cta-box-panel .cta__btn.img-add-top-doc {
  padding: 0;
}
.fixedseminarbanner {
  position: fixed;
  top: initial;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.fixedseminarbanner img {
  max-width: 640px;
  width: 100%;
  height: auto;
}

}

/*index CM 20191114*/
.index_cm .top_hero.bg-blue {
  font-family: "Noto Sans CJK JP","Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-variant-ligatures: no-common-ligatures;
  width:100%;
  height:auto;
  margin-bottom: 190px;
  background:url(/rakurakucloud/seisan/common/img/top_hero_office.jpg) no-repeat center top;
  background-size: cover;
}
.index_cm .main-title-left {
  position:relative;
  display: flex;
  justify-content: space-between;
  width:100%;
  max-width: 980px;
  margin:0 auto;
  padding: 70px 0 130px;
  color:#333;
  font-size:90px;
}
.index_cm .main-title-left-txtbox:first-of-type {
  padding-right: 50px;
}
.index_cm .main-title-left-txtbox:nth-of-type(2) {
  width: 45%;
  margin-top: 70px;
  background: #cfe3f9;
  padding-top: 15px;
}
.index_cm .main-title-left-txt01 {
  padding-bottom: 25px;
  color:#fff;
  text-align:center;
  font-size:55px;
  line-height: 1.5;
}
.index_cm .main-title-left-txt01 strong {
  color: #fff;
}
.index_cm .main-title-left-txt02 {
  padding-left: 5px;
  padding-bottom: 25px;
  color: #f2a531;
  font-size: 28px;
  letter-spacing: 1px;
  line-height: 1.3;
  text-align: center;
}
.index_cm .main-point {
  max-width: 435px;
  margin: 10px auto 0;
}
.index_cm .main-point li {
  float:left;
  max-width:125px;
  width:30%;
  height:125px;
  margin:5px;
  padding:20px 0 0 0;
  background:url(/rakurakucloud/seisan/common/img/main_img_wreath.png) no-repeat; /* for IE7 IE8 */
  background-size: 100%;nd-size: 100%;color:#555;
  font-size:16px;
  text-align:center;
  list-style-type:none;
  font-weight:400;
}
.index_cm .main-point li {
  float:left;
  max-width:130px;
  width:30%;
  height:125px;
  margin:5px;
  padding:20px 0 0 0;
  background:url(/rakurakucloud/seisan/common/img/main_img_wreath_white.png) no-repeat; /* for IE7 IE8 */
  background-size: 100%;
  color:#fff;
  font-size:14px;
  line-height:1.2;
  text-align:center;
  list-style-type:none;
  font-weight:400;
}
.index_cm .main-point li.total {
  padding: 15px 0 0;
}
.index_cm .main-point li.total span{
	line-height: 120%;
}
.index_cm .main-point li.total span sub{
	color: #fff;
  font-size: 55%;
}
.index_cm .main-point li span strong {
  font-family: arial;
  font-size: 30px;
  color: #f2a531;
}
.index_cm .main-point li.two-line span strong.font-s {
  font-size: 19px;
}
.index_cm .kv-bg-img {
  position: relative;
  float: right;
  width: calc(100% - 44%);
}
.index_cm .kv-bg-img img {
  width: 1370px;
  height: 571px;
  position: absolute;
  bottom: 0;
}
.index_cm .sp-kv-bg-img {
  display: none;
}
.index_cm  #main.cm-top {
  padding-top: 110px;
  overflow: hidden;
}


@media (max-width: 1023px){
  .index_cm .kv-bg-img {
    display: none;
  }
  .index_cm .sp-kv-bg-img {
    display: block;
    position: relative;
    float: right;
    width: calc(100% - 32%);
  }
  .index_cm .sp-kv-bg-img img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-73%);
  }
  .index_cm .main-form__title {
    padding: 0;
  }
  .index_cm .main-point {
    display: none;
  }
  .main-form__title__txtbox:first-of-type {
    height: 320px;
  }
  #main.cm-top {
    padding-top: 50px !important;
  }
}

@media (max-width: 767px){
  .index_cm .top_hero.bg-blue {
    margin-bottom: 220px;
  }
  .index_cm .main-title-left {
    flex-direction: column;
    padding: 0;
    margin-bottom: 0;
  }
  .index_cm .main-title-left-txt02 {
    color: #f2a531;
    font-size: 20px;
    padding-left: 5px;
    padding-bottom: 20px;
    letter-spacing: 1px;
  }
  .index_cm .main-title-left-txtbox:first-of-type,
  .index_cm .main-title-left-txtbox:last-of-type {
    width: 100%;
    margin-top: 0;
    padding-top: 35px;
  }
  .index_cm .main-title-left-txtbox:first-of-type{
    background: url(/rakurakucloud/seisan/common/img/top_hero_office.jpg) no-repeat center top;
    background-size: cover;
    height: 315px;
    padding-right: 0;
  }
  .index_cm .main-form__title__txt02 {
    text-align: center;
    font-size: 16px;
  }
  .index_cm .main-img__title__txt02 {
    padding-bottom: 20px;
  }
  .index_cm .main-title-left-txt01 {
    padding-bottom: 10px;
    text-align: center;
    font-size: 29px;
    padding-right: 0;
    line-height: 1.3;
  }
}


/*--------------------------------------------------------

トップページ用 「楽楽精算」スペシャルムービー

----------------------------------------------------------*/
.top-special-movie {
	margin-bottom: 40px;
  text-align: center;
}
.top-special-movie h2{
  color: #007bc7;
  font-size: 2.25rem;
  line-height: 1.5;
  font-weight: normal;
  letter-spacing: 0.05rem;
  font-feature-settings: "palt";
}
.top-special-movie .intro__header2__txt{
	font-size: 1.5rem;
  margin-bottom: 20px;
}
.top-special-movie .movie-area{
	margin: 2rem auto 0;
}
.top-special-movie .movie-area iframe{
	width: 700px;
  border: solid 1px #0078C9;
}
.top-special-movie .special-movie-inner {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 900px){
    .top-special-movie .movie-area {
        margin: 2rem 1rem 0;
    }
    .top-special-movie .movie-area iframe {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
	.top-special-movie .special-movie-inner {
		max-width: 100%;
		text-align: center;
		width: 100%;
		padding: 2rem 1.5rem 1.5rem;
    	box-sizing: border-box;
	}
	.top-special-movie {
		margin-bottom: 0;
	}
	.top-special-movie h2{
		font-size: 1.5rem;
    line-height: 1.3;
	}
  .top-special-movie .intro__header2__txt {
    margin-bottom: 15px;
    font-size: 1rem;
    line-height: 1.3;
  }
  .top-special-movie .movie-area {
    margin: 1.3rem auto 0;
  }
  .top-special-movie .movie-area iframe{
    width: 100%;
    height: 50vw;
  }
}
/*/*-------------------------------------
トップページ用 「楽楽精算」ＣＭギャラリーページバナー
---------------------------------------*/

.btn_white {
    box-sizing: border-box;
    display: inline-block;
    padding: 0.5em 0.5em;
    background-color: #f1f4f6;
    border: 2px solid #007bc7;
    border-radius: 4px;
    width: 100%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    color: #007bc7 !important;
    font-size: 1.5rem;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out;
    font-weight: bold;
}
.btn_white:hover {
    color: #FF7F00 !important;
}
.btn_white a:visited {
  color: #007bc7;
}

.btn_white a:focus {
  color: #007bc7;
}
.btn_white a:active {
  color: #007bc7;
}
.btn_white .sprite_action_icons {
    background: url(/rakurakucloud/seisan/img/04/pc_icons.png);
    width: 21px;
    height: 17px;
    display: inline-block;
    margin-right: 5px;
}

.cm_special {
    width: 430px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 80px;
}

.cm_special:before {
    content: '';
    position: absolute;
    left: -25px;
    top: -33px;
    bottom: 0;
    background: url(/rakurakucloud/seisan/img/04/special_cta_taki.png) 0 0 no-repeat;
    background-size: cover;
    width: 125px;
    height: 165px;
    z-index: 1;
}

.cm_special:after {
    content: '';
    position: absolute;
    right: -7px;
    top: -34px;
    background: url(/rakurakucloud/seisan/img/04/special_cta_yoko.png) 0 0 no-repeat;
    background-size: cover;
    width: 108px;
    height: 155px;
    z-index: 1;
}

.cm_special .cm_ttl {
    font-size: 1.15rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 39px;
}

.cm_special .panel_action_btn {
    position: absolute;
    z-index: 5;
    min-width: 500px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cm_special p {
    margin-top: 100px;
    font-size: 0.82rem;
}

.cm_special p a,.cm_special p a:visited {
    color: #48ae3c;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .cm_special {
        width: 90%;
    }

    .cm_special .panel_action_btn {
        min-width: 100%;
    }

    .cm_special .btn_white {
        font-size: 1.15rem;
    }
.cm_special:before {
display: none;
}

.cm_special:after {
display: none;
}

}
/* ------------------------------
 *  交通費・経費精算システム 「楽楽精算」 を使えば、
全社員の業務効率がアップ
 * ------------------------------ */
.merit_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.merit_list>li {
    width: 44%;
    border-radius: 5px;
    padding: 88px 20px 20px;
    position: relative;
    margin: 112px 0 0;
}

.merit_list h3:before {
    border: 2px solid #f1f4f6;
    content: '';
    display: block;
    width: 160px;
    height: 160px;
    background: #FFF;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
}

.merit_list>li h3:after {
    content: '';
    width: 82px;
    height: 103px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
}

.merit_list>li:nth-child(1) h3:after {
    background-image: url(/rakurakucloud/seisan/img/04/icon_01.png);

}

.merit_list>li:nth-child(2) h3:after {
    background-image: url(/rakurakucloud/seisan/img/04/icon_02.png);

}

.merit_list>li:nth-child(3) h3:after {
    background-image: url(/rakurakucloud/seisan/img/04/icon_03.png);

}

.merit_list>li:nth-child(4) h3:after {
    background-image: url(/rakurakucloud/seisan/img/04/icon_04.png);

}

.merit_list h3 {
    font-size: 1.15rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 38px;
}

.merit_list h3 span {
    font-size: 0.8rem;
    font-weight: normal;
}


.merit_list ul li {
    margin: 0 0 32px 1rem;
    text-indent: -1rem;
    position: relative;
    font-size: 1.1rem;
    line-height: 1.6;
}

.merit_list ul li:before {
    content: "・";
    color: #007bc7;
}

@media screen and (max-width: 767px) {
    .merit_list>li {
        width: 100%;
        margin-top: 70px;
        font-size: 1rem;

    }

    .merit_list h3:before {
        width: 80px;
        height: 80px;
    }

    .merit_list>li h3:after {
        width: 41px;
        height: 51px;
        background-size: cover;
    }

    .merit_list ul li {
        margin: 0 0 10px 1rem;
        font-size: 0.9rem;
    }

}
#news_column {
    background: #f1f4f6;
    padding: 60px 0;
}

.index_2col {
    display: flex;
    width: 1000px;
    margin: 0 auto;
    justify-content: space-between;
}

.index_2col li {
    width: 44%;
    padding: 20px;

}

#news_column ul li {
    background: #fff;
    border-radius: 5px;
    position: relative;

}

#news_column ul li dl {
    margin: 20px 0;
}

#news_column ul li h2 {
    font-size: 1.15rem;
    display: table;
    text-align: center;
    background: #007bc7;
    padding: 0.7rem;
    border-radius: 60px;
    width: 60%;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
}

#news_column ul li h2:after {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    width: 0;
    height: 0;
    transform: translateX(-50%);
    border: 12px solid transparent;
    border-top: 12px solid #007bc7;
    border-bottom-width: 0;
}

#news_column .topic_view_link {
    text-align: center;
    margin: 46px auto 36px;
}

@media screen and (max-width: 1000px) {
    .index_2col {
        display: block;
        width: 100%;

    }

    .index_2col li {
        width: auto;
        margin: 0 25px;
    }

    #news_column ul li:first-child {
        margin-bottom: 60px
    }

    #news_column ul li h2 {
        width: 90%;
    }
}
@media screen and (max-width: 767px) {
#news_column ul li dl dt:nth-child(n+11),
#news_column ul li dl dd:nth-child(n+11){
  display: none;
}
}

/*--------------------------------------------------------

トップページ用 料金シミュレーション

----------------------------------------------------------*/

.price-sim-list .price-sim-list-box .inner {
  padding: 25px;
  background: #FFF;
  border-radius: 8px 8px 0 0;
  text-align: center;
  font-size: 1.125em;
  font-size: 1.125rem;
  line-height: 140%;
}
.price-sim-list .price-sim-list-box .inner.nolink {
  border-radius: 8px;
}
.price-sim-list .price-sim-list-box a:hover .inner {
  opacity: 0.7;
}
.price-sim-list .price-sim-list-box a:hover .link {
  opacity: 0.7;
}
.price-sim-list .price-sim-list-box .txt {
  margin: 0 0 20px;
  font-size: 1rem;
  font-weight: bold;
  color: #333;
}
.price-sim-list .price-sim-list-box .icon {
  margin: 0 0 15px;
  font-weight: bold;
}
.price-sim-list .price-sim-list-box .title {
  color: #0078C9;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}
.price-sim-list .price-sim-list-box .title.title_s {
  font-size: 1.3rem;
}
.price-sim-list .price-sim-list-box .title.title-mb {
  margin-bottom: 5px;
  font-feature-settings: "palt";
}
.price-sim-list .price-sim-list-box .sub_txt {
  font-size: .9rem;
  line-height: 1.4;
  color: #333;
}
.price-sim-list .price-sim-list-box .link {
  padding: 10px 20px 11px;
  background: #0078C9;
  color: #fff;
  font-size: 0.95rem;
  text-align: center;
  border-radius: 0 0 5px 5px;
}
.price-sim-list .price-sim-list-box .link a {
  color: #fff;
}
.price-sim-list .price-sim-list-box .index_icons {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
}
.price-sim-list .price-sim-list-box .index_icons img {
  width: 100%;
}
.price-sim-btn {
  margin: 0 auto;
  padding: 0;
  max-width: 430px;
  text-align: center;
}
.index_main .cta__btn.price-sim-btn {
  padding: 0;
}
.price-sim-btn a.btn_style {
  font-size: 1.6rem;
  height: 90px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.price-sim-bottom {
  margin: 60px 0 30px;
  text-align: center;
  line-height: 1.8;
}
.price-sim-bottom .sub-txt {
  font-size: 1.6rem;
}
.price-sim-bottom .main-txt {
  font-size: 2.2rem;
}
.price-sim-bottom .main-txt span {
  font-size: 3.2rem;
  color: #f8a411;
}
.price-sim-bottom .cap {
  font-size: 1rem;
}

@media screen and (max-width: 767px) {
  .price-sim-bottom {
    margin: 40px 0 30px;
    padding: 0 25px;
  }
  .price-sim-bottom .sub-txt,.price-sim-bottom .main-txt {
    font-size: 1.2rem;
  }
  .price-sim-bottom .main-txt span {
    font-size: 1.8rem;
  }
  .price-sim-bottom .cap {
    font-size: 0.9rem;
  }
  .index_main .cta__btn.price-sim-btn {
    margin-bottom: 20px;
    width: 90%;
  }
  .price-sim-btn a.btn_style {
    height: auto;
  }
}

/*--------------------------------------------------------

トップページ用 PR 動画エリア

----------------------------------------------------------*/

.top_pr {
  text-align: center;
}
.top_pr h2 {
  font-weight: bold;
  font-size: 2.2rem;
  color: #0078C9;
  margin-bottom: 1.5rem;
  letter-spacing: .1em;
}
.top_pr h3 {
  font-weight: bold;
  font-size: .9rem;
  margin-bottom: 1rem;
  line-height: 1.5;
  letter-spacing: .1em;
}
.top_pr li.top_pr_l {
  width: 440px;
}
.top_pr li.top_pr_r {
  width: 520px;
}
.top_pr_img {
  margin-bottom: 1rem;
}

.top_pr img {
  width: 100%;
  height: auto;
  max-width: 400px;
}
.top_pr_annotation {
  font-size: 0.7rem;
  line-height: 1.2;
  text-align: left;
}
.pr_movie_title {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 1.2rem;
}
.pr_movie_area_btn {
  margin-top: 20px;
}
.pr_movie_area_btn a{
  background-color: #fff;
  border: 2px solid #0078C9;
  border-radius: 3px;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 68px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  padding: 10px;
  position: relative;
  margin: 0 auto;
  max-width: 600px;
}
.pr_movie_area_btn a:hover {
  background-color: #0078C9;
  color: #fff;
}
.pr_movie_area_btn a:after {
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 3px solid #0078C9;
  border-right: 3px solid #0078C9;
  transform: rotate(45deg);
  right: 8px;
  font-size: 0;
  content: "";
  display: inline-block;
}
.pr_movie_area_btn a:hover:after {
  border-color: #fff;
}
.pr_movie_area_btn a .icon_beginner{
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(/rakurakucloud/seisan/common/img/icon_beginner_blue.svg);
}
.pr_movie_area_btn a:hover .icon_beginner{
  background-image: url(/rakurakucloud/seisan/common/img/icon_beginner_white.svg);
}
@media screen and (max-width: 1023px) {
  .top_pr li.top_pr_l,
  .top_pr li.top_pr_r {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .pr_movie_area_btn a{
    font-size: 15px;
  }
  .pr_movie_area_btn a .icon_beginner{
    width: 21px;
    height: 21px;
  }
}
@media screen and (max-width: 425px){
  .pr_movie_area_btn a{
    font-size: 3.5vw;
    height: 45px;
  }
  .pr_movie_area_btn a:after{
    width: 5px;
    height: 5px;
  }
  _::-webkit-full-page-media, _:future, :root .pr_movie_area_btn a:after{
    top: calc(50% - 5px);
  }
  .pr_movie_area_btn a .icon_beginner{
    width: 5vw;
    height: 5vw;
  }
}

/* ------------------------------
 * トップページ用 経費精算システム「楽楽精算」でできること
 * ------------------------------ */
@media screen and (min-width: 769px){
  .index_possible_section>div .index_possible_section_box{
    display: flex;
    justify-content: space-between;
  }
  .index_possible_section>div .index_possible_section_box>div{
    width: calc(100% /2 - 25px);
  }
}
.index_possible_section h2 {
    text-align: center;
}
.index_possible_section{
  padding-bottom: 80px;
}
.index_possible_section>div .index_possible_section_box{
  margin-top: 100px;
}
.index_possible_section>div .index_possible_section_box>div{
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  box-shadow: 0px 2px 2px 2px #dbdee0;
  background: #FFF;
  position: relative;
}
.index_possible_section>div .index_possible_section_box>div .index_possible_section_txt{
  padding: 30px 35px 35px 35px;
}
.index_possible_section>div .index_possible_section_box>div .index_possible_section_txt h4{
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
  color: #0078C9;
}
.index_possible_section>div .index_possible_section_box>div .index_possible_section_txt h4 span{
  display: block;
}
.index_possible_section>div .index_possible_section_box>div .index_possible_section_img {
  padding: 50px 40px 10px 40px;
  background-color: #fff;
  height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index_possible_section>div .index_possible_section_box>div .index_possible_section_img img{
  width: 100%;
}
.index_possible_section>div .index_possible_section_box>div .index_possible_section_fukidashi{
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -50px;
  width: 100%;
}
.index_possible_section>div .index_possible_section_box>div .index_possible_section_fukidashi h3{
  background-color: #0078C9;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  border-radius: 10px;
  padding: 20px 10px;
  max-width: 350px;
  width: 100%;
  line-height: 1.3;
  letter-spacing: 1px;
  box-sizing: border-box;

  position: relative;
  display: inline-block;
}
.index_possible_section>div .index_possible_section_box>div .index_possible_section_fukidashi h3:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #0078C9;
}
.index_possible_section>div .index_possible_section_box>div .index_possible_section_fukidashi h3>span>span{
  display: block;
}
@media screen and (max-width: 768px){
  .index_possible_section>div .index_possible_section_box>div{
    width: 100%;
  }
  .index_possible_section>div .index_possible_section_box>div .index_possible_section_img img{
    max-width: 400px;
  }
  .index_possible_section>div .index_possible_section_box .index_possible_section_left-box{
    margin-top: 70px;
  }
  .index_possible_section>div .index_possible_section_box {
    margin-top: 80px;
  }
}
@media screen and (max-width: 425px){
  .index_possible_section>div .index_possible_section_box>div .index_possible_section_img{
    height: auto;
  }
  .index_possible_section{
    padding-bottom: 50px;
  }
  .index_possible_section>div .index_possible_section_box>div .index_possible_section_fukidashi h3{
    font-size: 16px;
    padding: 10px 10px;
  }
  .index_possible_section>div .index_possible_section_box>div .index_possible_section_img{
    padding: 30px 20px 10px 20px;
  }
  .index_possible_section>div .index_possible_section_box>div .index_possible_section_txt {
    padding: 20px 10px;
  }
}
/*--------------------------------------------------------

FAQリスト開閉設定

----------------------------------------------------------*/
/*FAQリスト表示設定*/
#faqbox{
position: relative;

}
.faqbox-inner{
position: relative;
max-width: 1000px;
width: 95%;
margin: 0 auto;
}
.faqbox-inner li{
position:  relative;
background: #FFF;
color: #333;
display: block;
margin-bottom: 1px;
padding: 5px 10px;
border-top: 1px solid #eee;
text-align: justify;
}
.faqbox-inner li:last-child{
border-bottom: 1px solid #eee;
}
.ac-label{
display: block;
position: relative;
font-size: 18px;
line-height: 1.5;
padding: 10px 53px;
box-sizing: border-box;
width: 100%;
cursor:pointer;
}
.ac-label::before{
content: "Ｑ";
width: 30px;
height: 30px;
color: #fff;
position: absolute;
left: 10px;
display: block;
background: #007bc7;
border-radius: 50%;
text-align: center;
font-size: 18px;
line-height: 30px;
font-family: "Meiryo", "sans-serif";
}
.ac-content{
opacity: 0;
padding: 0 10px;
transition: 0.5s ease-out;
visibility: hidden;
background: #f1f4f6;
border: 1px solid #bddaed;
font-size: 15px;
border-radius: 3px;
height: auto;
display: none;
}
.ac-content strong{
font-weight: normal;
font-size: 110%;
color: #0e4768;
padding-bottom: 5px;
margin-bottom: 5px;
display: inline-block;
border-bottom: 1px solid #bddaed;
}
.ac-content a.btn_base{
display: inline-block;
margin: 10px 10px 0 10px;
padding: 0.25em 0.5em;
}
.ac-check{
opacity: 0;
position: absolute;
}
.ac-label::after{
content: "";
background: rgba(0,0,0,0) url(/rakurakucloud/seisan/common/img/sprite_arrows.svg) no-repeat;
display: inline-block;
background-position: -36px -54px;
width: 18px;
height: 18px;
position: absolute;
right: 0;
text-align: center;
font-size: 20px;
line-height: 30px;
margin: 0 0.1em;
}
.ac-check:checked + .ac-label + .ac-content{
display: block;
opacity: 1;
padding: 20px;
visibility: visible;
margin: 10px 20px;
box-sizing: border-box;
}
.ac-check:checked + .ac-label::after{
content: "";
background: rgba(0,0,0,0) url(/rakurakucloud/seisan/common/img/sprite_arrows.svg) no-repeat;
background-position: -54px -36px;
}

@media screen and (max-width: 1023px) {
/* FAQ */
.ac-label::before{
content: "Ｑ";
width: 23px;
height: 23px;
font-size: 14px;
line-height: 23px;
}
.ac-label{
font-size: 14px;
padding: 10px 40px;
}
.ac-content{
font-size: 13px;
}
}

/* トップページ 「楽楽精算」は各所で高評価の経費精算システム　部分*/
.medal-title { margin-bottom: 40px; }

.medal-block { max-width: 1100px; margin: 0 auto 80px; padding-left: 20px; padding-right: 20px; }

.medal-block .medal-items { display: flex; flex-wrap: wrap; justify-content: space-between; justify-content: center; }

.medal-block .medal-items .medal-item { width: calc(33.33% - 20px); margin: 10px; }

.medal-block .medal-items .medal-item:nth-of-type(1) .text-block, .medal-block .medal-items .medal-item:nth-of-type(2) .text-block, .medal-block .medal-items .medal-item:nth-of-type(3) .text-block { min-height: 108px; }

.medal-block .medal-items .medal-item:nth-of-type(4), .medal-block .medal-items .medal-item:nth-of-type(5) { margin-top: 20px; }

.medal-block .medal-items .medal-item:nth-of-type(4) .text-block, .medal-block .medal-items .medal-item:nth-of-type(5) .text-block { min-height: 80px; }

.medal-block .medal-items .medal-item .image-block { min-height: 100px; display: flex; justify-content: center; align-items: center; position: relative; }

.medal-block .medal-items .medal-item .image-block.-min { min-height: 90px; }

.medal-block .medal-items .medal-item .logo { display: block; margin: 0 auto; max-width: 100%; width: auto; }

.medal-block .medal-items .medal-item .text-block { display: flex; justify-content: center; align-items: center; background-color: #f1f4f6; font-weight: bold; font-size: 14px; padding: 10px 4px; text-align: center; position: relative; }

.medal-block .medal-items .medal-item .text-block .award-text { color: #007bc7; }

.medal-block .medal-items .medal-item .text-block .award-text.-mt1em { margin-top: 0.6em; }

.medal-block .medal-items .medal-item .text-block .note-text { font-size: 10px; font-weight: normal; }

.medal-block .medal-items .medal-item a { transition: opacity 0.3s 0s; color: #2b2a30; display: block; }

.medal-block .medal-items .medal-item a:hover { opacity: 0.7; }

.medal-block .medal-items .medal-item a .text-block:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #007bc7 transparent; position: absolute; right: 2px; top: 0; bottom: 0; margin: auto; transform: rotate(90deg); transition: transform 0.3s 0s; }

@media screen and (max-width: 767px) { .medal-wrap { margin-top: 40px; }
  .medal-block { margin-bottom: 60px; }
  .medal-block .medal-items { display: block; }
  .medal-block .medal-items .medal-item { width: 100%; margin: 30px 0 0 !important; }
  .medal-block .medal-items .medal-item .image-block { min-height: 0 !important; }
  .medal-block .medal-items .medal-item .text-block { min-height: 0 !important; margin-top: 10px; }
  .medal-block .medal-items .medal-item .text-block .award-text.-mt1em { margin-top: 0; } }
@media screen and (max-width: 426px) { .medal-title { margin-bottom: 20px; } }


/* ============================
その他のお悩み
============================ */
.other_links_box{
  width: 95%;
  margin: 20px auto;
  padding: 20px;
}
.other_links_box .function_contents_wrap{
  justify-content: center;
  flex-direction: inherit;
}
.other_links_box .other_links_item a .txt_box p {
  text-align: left;
}

.other_links ul{
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
.other_links:after{
  content: none;
}
.other_links_item{
  margin-bottom: 15px;
}
.other_links_item a{
  background-color: #fff;
  display: block;
  display: flex;
  align-items: center;
  height: 100%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  padding: 35px 35px 35px 5px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.1s ease-in;
}
.other_links_item a:before{
  content: "";
  display: inline-block;
  width: 10px;
  height: 15px;
  background: url(/rakurakucloud/seisan/common/img/solution/onayami/arrow_white.svg) center right / contain no-repeat;
  position: absolute;
  right: 3px;
  z-index: 1;
}
.other_links_item a:after{
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #0078C9;
  width: 20px;
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 0 3px 3px 0;
}
.other_links_item a:hover{
  transform: translateY(3px);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.other_links_item a .img_box{
  width: 30%;
    position: relative;
}
.other_links_item a .txt_box{
  width: 70%;
}
.other_links_item a .txt_box p{
  color: #333;
}
.other_links_item a .txt_box p .blue{
  font-weight: bold;
}
@media screen and (min-width:769px){
  .other_links_box{
    max-width: 1000px;
    margin: 50px auto;
    border-radius: 10px;
    padding: 40px 0;
  }
  .other_links_box .function_contents_wrap{
    justify-content: center;
  }
  .other_links_box .function_ttl_h3{
    margin-bottom: 30px;
    font-size: 28px;
  }


.other_links ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.other_links_item{
  width: calc(100% / 2 - 15px);
}
  .other_links_item a {
    font-size: 18px;
    min-height: 128px;
  }
  .other_links_item a .txt_box p{
    line-height: 1.4;
  }
.other_links_item a .txt_box p>span{
  display: block;
}
.other_links_item a .img_box img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

}
}

@media screen and (max-width:768px){
  .other_links_box .other_links_item a{
    max-width: 400px;
  }

  .other_links_item {
    margin-bottom: 10px;
  }
  .other_links_item a{
    padding: 15px 15px 15px 3px;
  }
}
.other_links_item a .img_box{
  text-align: center;
}
.other_links_item a .img_box img{
  max-width: 60%;
}
.other_links>.btn_box{
  display: block;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}
.other_links_item a .txt_box p>span{
  display: inline-block;
}

.other_links>.btn_box .btn{
  background-color: #0078C9;
    border: 3px solid #0078C9;
  box-shadow: 0 5px 0 #004972;
  width: 90%;
  max-width: 620px;
  position: relative;
  transition: all 0.1s ease-in;
}
.other_links>.btn_box .btn:hover{
  background-color: #fff;
  color: #0078C9;
  transform: translateY(5px);
  box-shadow:  0 0px 0 #004972;
  border: 3px solid #0078C9;
}
.other_links>.btn_box .btn .arrow:before {
  width: 9px;
  height: 15px;
}
.other_links>.btn_box .btn:hover .arrow:before {
    background: url(/rakurakucloud/seisan/common/img/solution/onayami/arrow_blue.svg);
}
.other_links>.btn_box .btn>span{
  display: inline-block;
}

.btn_box_fukidashi {
  margin-bottom: 18px;
}
.btn_box_fukidashi>span{
  display: inline-block;
    background-color: #f8a411;
    background-image: none;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 10px 40px;
    box-sizing: border-box;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    border-radius: 30px;
}
.btn_box_fukidashi span:before {
  content: "";
  position: absolute;
  top: inherit;
  bottom: -16px;
  transform: translateX(-50%);
  left: 50%;
  border: 8px solid transparent;
  border-top: 8px solid #f8a411;
}


@media screen and (min-width:769px){
  .other_links>.btn_box .btn{
    font-size: 24px;
    letter-spacing: 1px;
  }
  .other_links>.btn_box .btn .arrow:before {
    margin-left: 5px;
}
.other_links>.btn_box .btn .arrow:before{
      width: 13px;
    height: 20px;
}
}


@media screen and (max-width:768px){
.other_links>.btn_box{
  margin-top: 30px;
}
  .other_links>.btn_box .btn{
    font-size: 15px;
    padding: 20px 10px;
  }
  .other_links>.btn_box .btn .arrow:before{
   /* width: 10px;
    height: 15px;*/
    right: 3px;
  }
  .btn_box_fukidashi>span{
    font-size: 13px;
    width: 95%;
    line-height: 1.2;
    letter-spacing: 0;
    max-width: 400px;
  }
  .btn_box_fukidashi>span>span{
    display: inline-block;
  }
}
@media screen and (max-width:425px){
  .other_links_item a .img_box img{
    max-width: 40%;
  }
}



.gnav_action_btn_icon{
    display: inline-block;
    vertical-align: middle;
}
.gnav_action_btn_icon_paper{
  background: url(/rakurakucloud/seisan/common/img/gnav_action_btn_icon_paper-white.svg) no-repeat 0 0;
  width: 14px;
    height: 18px;
    top: -1px;
    position: relative;
    right: 4px;
}
.btn_base:hover .gnav_action_btn_icon_paper{
  background: url(/rakurakucloud/seisan/common/img/gnav_action_btn_icon_paper-orange.svg) no-repeat 0 0;
}
@media screen and (max-width:1023px){
  .gnav_action_bar li{
    text-align: center;
  }
  .gnav_action_btn_icon_paper{
    width: 20px;
    height: 26px;
    top: -2px;
    right: 7px;
  }
}

#main.socialmedia_main{
  padding-top: 68px;
  margin-bottom: 50px;
}
.socialmedia_main .lead{
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
}
.socialmedia_main .right{
  text-align: right;
}
.socialmedia_main .day{
  margin-top: 30px;
}
.socialmedia_main .list-li-1 li,
.socialmedia_main .list-ol-1 li{
  margin-left: 15px;
  margin-bottom: 10px;
}

.socialmedia_main .list-li-1>li{
  list-style-type: disc;
}
.socialmedia_main .list-ol-1>li{
  list-style-type: decimal;
    margin-bottom: 30px;
    line-height: 1.7;
}
.socialmedia_main .list-ol-2{
  margin: 10px 0;
}
.socialmedia_main .list-ol-2>li{
  list-style-type: disc
}
@media screen and (max-width: 767px){
  .socialmedia_main .lead{
    font-size: 0.9rem;
  }
}
/* ============================
紹介キャンペーン
============================ */
#main.introduction {
  padding-top: 0;
}
.tagline_set .tagline_title3 {
  font-size: 31px;
  font-weight: bold;
  line-height: 140%;
  color: #007bc7;
}
.introduction .cta-common02__infomation {
  background-color: transparent;
  color: #007bc7;
}
.introduction .cta_btn_wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 750px;
}
.introduction .btn_base {
  position: relative;
  font-size: 1.8rem;
  padding: 0.5em 3em;
}
.introduction .btn_base::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  top: calc(50% - .2em);
  right: 1rem;
  color: #fff;
}
.introduction .btn_base:hover::after {
  border-color: #F8A411;
}
.introduction .cta_btn {
  text-align: center;
}
.introduction .section_case {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 0 40px;
  display: flex;
  justify-content: space-between;
}
.introduction .col_case {
  max-width: 460px;
}
.introduction .put_left_200 .put_left_200_fix {
  margin: 0 25px 10px 0;
}
.introduction .portfolio-img img {
  width: 213px;
}
.introduction .gutter_1 {
  min-height: 280px;
}
.introduction .casestudies_detail__company_logo {
  width: 145px;
}
.introduction a.js-modal-btn {
  cursor: pointer;
}
@media screen and (max-width:1023px){
  .introduction .section_case {
    display: block;
    max-width: 1000px;
    margin: 0 25px;
  }
  .introduction .gutter_1 {
    min-height: 180px;
  }
  .introduction .col_case {
    max-width: none;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
  }
}
@media screen and (max-width: 767px) {
  #main.feature_main.introduction {
    padding-top: 0 !important;
  }
  .introduction .tagline_set .tagline_title3 {
    font-size: 1.3rem;
  }
  .introduction .cta-common02__infomation {
    text-align: center;
  }
  .introduction .btn_base {
    position: relative;
    font-size: 1.4rem;
    padding: 0.5em 2em !important;
  }
  .introduction .gutter_1 {
    min-height: 1px;
  }
  .introduction .well {
    margin-top: 15px;
  }
  .introduction .casestudies_detail__company_logo {
    width: 100%;
  }
}