/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/


/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.widget-type-rich_text ul li+li, .widget-type-rich_text ol li+li {
    margin-top: auto;
}




#header {
  background-color: rgba(0,0,0,0.7);
}
.bgColor5 {
  background-color: rgba(0,0,0,0.8);
}

.ermt {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-display: swap;
	color: #363636;
	font-weight: 500;
  line-height: 2em;
}
_:lang(x)::-ms-backdrop, .ermt {
    font-family: "メイリオ", Meiryo, sans-serif;
}

.hero-banner-small.hero-banner-bg-image .page-center small {display:none;}
@media screen and (min-width: 768px) {
.hero-banner-small.hero-banner-bg-image .page-center small {display:block;}
}



.ermt .info {
  background-color: #F7F7F7;
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	padding: 80px 0;
  width: 100%;
  text-align: center;
}


.top_back_left {
  background: #1A2745 url(https://www.grcs.co.jp/hubfs/imperva/top_back.png) right top no-repeat;
	background-size: cover;
	padding: 40px 0 !important;
  color: #fff;
  height: 180px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.top_back_left {
    background: #1A2745 url(https://www.grcs.co.jp/hubfs/imperva/top_back@2x.png) right top no-repeat;
	background-size: cover;
}
}

.top_back_right {
  text-align: center;
  padding-top: 64px;
}




/* top */

.top {
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (min-width: 768px) {
.top {
  padding-left: 0;
  padding-right: 0;
}
}

.top h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
.top_txt {
  margin: 56px 0 0;
  padding: 0;
}
.top_txt h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

.top_about {
  color:#000;
  font-size: 17px;
  margin-top: 16px;
}

.top h3 {
 font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}

.top img {
 margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .top img {margin-top: 56px;}
}



/* リスク課題 */
.risk-level .atmc-pl-09_price {
  display: none;
}
.risk-level .atmc-card {
    padding: 0 0;
    margin: .75rem 0;
}
.risk-level .atmc-pl-09_detail {
  padding: 0 1.2rem;
}



/* s_2 */

.s_2 {
	padding: 56px 24px 0;
	background-size: contain;
  margin-top: 56px;
}


.s_2 h2 {
font-size: 18px;
margin-bottom: 24px;
text-align: center;
font-weight: normal;
  padding: 0 24px;
}



ul.s_2_products {
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;
	margin: 0 auto;
	padding: 0;
}


ul.s_2_products li {
    list-style-type: none !important;
    text-align: center;
    position: inherit;
  padding-left: 0;
}

.s_2_products_txt {
	width: 80%;
	/* height: 296px; */
	text-align: center;
	line-height: 1.6;
	text-align: justify;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
	padding: 0px;
	background-color: #fff;
	margin: 0 auto 24px;
}
@media screen and (min-width: 768px) {
.s_2_products_txt {
	margin: 0 auto;
}
  
}


.s_2_products_txt p {
    font-size: 16px;
    margin-top: 16px;
    text-align: center;
  padding: 0 24px 24px;
}
.s_2_products_txt p span {
  font-weight: bold;
  margin: 0 2px;
  color: #000;
  font-size: 16px;
}




@media screen and (min-width: 480px) {
.s_2 img {

    margin: 0 auto;
}
}


@media screen and (min-width: 600px) {
.s_2_products_txt p {
    margin-top: 24px;
}
  
.s_2 {
	padding: 32px 0 0;
}

.s_2 h2 {
font-size: 22px;
margin-bottom: 32px;
}

.s_2_products_txt {
	max-width: 240px;
	/* height: 296px; */
	text-align: center;
	text-align: justify;
	background-color: #fff;
	margin: 16px auto;
}
  


.s_2_products_txt p {
    font-size: 16px;
    margin-top: 16px;
}
  
.s_2 li img {
    display: block;
  border-bottom: 1px solid #707070;
}
}

@media screen and (min-width: 960px) {
.s_2 {
	padding: 56px 0 0;
  backgroun: #fff url(https://www.grcs.co.jp/hubfs/ermt/s_2_back_left.svg) left bottom no-repeat;
}

.s_2 h2 {
font-size: 30px;
margin-bottom: 24px;
}

.s_2_products_txt p {
    font-size: 16px;
    margin-top: 16px;
}

.s_2 li img {
    display: block;
}
}


/* s_3 */
.s_3 {
  background-colo:  rgba(255,255,255,0.65);
  padding: 48px 24px;
  width: 100%;
  font-size: 21px;
  font-weight: bold;
  margin-top: 80px;
}



@media screen and (min-width: 768px) {
 .s_3 {
  padding: 72px 0 0;
} 
	.s_3 .page-center {
	background: transparent url(https://www.grcs.co.jp/hubfs/ermt/s_3_img.png) left bottom no-repeat;
	background-size: 43% auto;
  display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.s_3 .page-center {
    background: transparent url(https://www.grcs.co.jp/hubfs/ermt/s_3_img@2x.png) left bottom no-repeat;
	background-size: 43% auto;
}
}
  
}





.s_3 h2 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 24px;
  color: #000;
  line-height: 1.4;
}


.s_2_dl {
  margin-top: -96px;
  padding: 0 40px 80px;
}
@media screen and (min-width: 768px) {
.s_2_dl {
  margin-top: 0;
  padding: 0;
}
}



.s_3 dt {
  float: left;
  padding-right: 16px;
  clear: both;
  padding-top: 8px;
}
.s_3 dd {
  font-size: 21px;
  padding-top: 24px;
  font-weight: 600;
  text-align: left;
  padding: 8px 0 16px;
  color: #000;
  line-height: 1.6;
}
.s_3 dd span {
  color:#A80027;
  margin: 0 2px;
}

@media screen and (min-width: 768px) {
.s_3 h2 {
  font-size: 31px;
}

.s_3 dt {
  padding-top: 16px;
}
  .s_3 dd {
  font-size: 20px;
    padding-top: 16px;
}
}















.s_4 h2 {
  font-weight: bold;
  color: #fff;
  font-size: 24px;
  margin-bottom: 24px;
  text-align: center;
  padding: 0 24px;
}


.s_4_back {
  background-color: #9D4040;
  padding: 56px 0 72px;
}

.s_4 h3 {
  text-align: left;
  color: #000;
  font-weight: bold;
  font-size: 21px;
  margin-top: 0px;
  margin-bottom: 32px;
  line-height: 1.4;
}

ul.s_4_products {
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;
	margin: 0 auto;
	padding: 0;
}

ul.s_4_products li {
    list-style-type: none;
    text-align: center;
  padding-bottom: 28px;
  position: relative;
  margin-top: inherit !important;
  padding-right: 1.5rem;
}

.s_4_products_txt {
	width: 80%;
	/* height: 296px; */
	text-align: center;
	line-height: 1.4;
	text-align: justify;
	border-left: 1px solid #6C1204;
	border-top: 1px solid #6C1204;
	border-bottom: 1px solid #6C1204;
	padding: 8px 8px 0;
	background-color: #fff;
	margin: 0 auto;
}
.s_4_products_txt:last-child {
	border-right: 1px solid #6C1204;
}
@media screen and (min-width: 768px) {
.s_4_products_txt {
	padding: 8px;
}
}

.s_4_products_txt p {
    font-size: 16px;
    margin-top: 16px;
    text-align: center;
  color: #000;
  font-weight: bold;
}

.s_4_products_txt p span {
    display: block;
}


/* 特徴 */
.e-feature .atmc-card {
    padding: 0 2rem 1rem;
  
}

.atmc-pl-01_name {
  vertical-align: middle;
}

.e-feature a:not(.atmc-btn):visited, .e-feature a:not(.atmc-btn):visited * {
  color: #000;
}




#fab {
  display: none;
}


@media screen and (min-width: 480px) {
.s_4_products_txt p span {
    display: inline;
}

.s_4 img {
    display: block;
    margin: 0 auto;
}
}


@media screen and (min-width: 600px) {
.s_4 {
	padding: 0 0 40px;
}

.s_4 h2 {
margin-bottom: 32px;
}

.s_4_products_txt {
	width: 20%;
	/* height: 296px; */
	line-height: 1.4;
	padding: 8px 24px;
}

.s_4_products_txt p {
    font-size: 16px;
    margin-top: 16px;
}

.s_4_products_txt p span {
    display: block;
}

.s_4 img {
    display: block;
}
  
#fab {
  position: absolute;
  bottom: -24px;
  margin: auto;
  left: 0;
  right: 0;
  display: block;
}

}

@media screen and (min-width: 768px) {
#s_4_a, #s_4_b, #s_4_c, #s_4_d, #s_4_e {
  padding: 0 0 24px;
}
.s_4 h3 {
  margin-top: 56px;
  font-size: 26px;
}
}


@media screen and (min-width: 960px) {
.s_4 {
	padding: 0 0 80px;
}

.s_4 h2 {
font-size: 30px;
margin-bottom: 32px;
}

.s_4_products_txt p {
    font-size: 18px;
    margin-top: 24px;
  padding: 0 8px;
}

.s_4_products_txt p span {
    display: block;
}

.s_4 img {
    display: block;
}

}



.s_4_point p {
  font-size: 18px;
}
.s_4_point p span {
  font-weight: bold;
  color:#A80027;
  margin: 0 2px;
}

.s_4_point img {
  margin-top: 16px;
}

.ermt_flow a {
  color: #333 !important;
}


.s_4_left h4 {
  background-color: #d8d8d4;
  text-align: center;
  color: #000;
  padding: 10px 16px;
  border-radius: 2px;
  margin: 0 0 24px;
  font-size: 18px;
  font-weight:bold;
}
.s_4_left {
  padding: 0 0 24px;
  border: 1px solid #a8a89f;
  margin-top: 16px;
  border-radius: 3px;
  background-color: #fff;
}
.s_4_left p {
  padding: 0 24px;
  margin-bottom: 0;
  font-size: 18px;
}
.s_4_left p span {
  font-weight: bold;
  color:#A80027;
}

.s_4_right h4 {
  background-color: #a0b6c9;
  text-align: center;
  color: #000;
  padding: 10px 16px;
  border-radius: 2px;
  margin: 0 0 24px;
  font-size: 18px;
  font-weight:bold;
}
.s_4_right {
  padding: 0 0 24px;
  border: 1px solid #5c81a2;
  margin-top: 16px;
  border-radius: 3px;
  background-color: #fff;
}
.s_4_right p {
  padding: 0 24px;
  margin-bottom: 0;
  font-size: 18px;
}
.s_4_right p span {
  font-weight: bold;
  color:#A80027;
}


.s_4 dd span {
  padding: 4px 8px;
  background-color: #000;
  color: #fff;
  margin-right; 8px;
  font-size: 12px;
  border-radius: 2px;
  text-align: center;
}

.s_4_point h4 {
  text-align: center;
  color: #333;
  padding: 12px;
  border-radius: 8px;
  margin: 8px 0 8px;
  font-size: 16px;
  font-weight: bold;
}

.s_4_user {
  font-weight: bold;
  font-size: 18px;
}

table.tbl-r02 {
  margin-top: 40px;
  border: 1px solid #ccc;
  width: 100%;
}

.tbl-r02 th {
  background: #364d5c !important;
  border: solid 1px #ccc;
  color: #fff;
  padding: 16px;
  text-align: center;
  font-size: 18px;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 16px 24px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
table.tbl-r02 ul {
  margin-top: 12px;
}
table.tbl-r02 li {
  padding-top: 4px;
}






/* s_5 */

.s_5 {
  padding: 56px 24px 80px;
}
.s_5 h2 {
  text-align: center;
  font-size: 24px;
}
.s_5 p {
  margin-top: 24px;
}
.s_5_step {
  margin: 32px auto 0;
}
.s_5_step dt H3 {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: bold;
}
.s_5_step dd {
  font-weight: bold;
  margin-left: 0;
  clear: left;
}
.s_5_step dd span {
  font-size: 14px;
   background-color: #767676;
   padding: 4px 16px;
   color: #fff;
   font-weight: bold;
   border-radius: 2px;
   margin-right: 16px;
}
.s_5_step i {
  font-size: 48px;
  margin-top: 32px;
  color: #D1D1D1;
}

.s_5_txt {
  font-size: 14px;
  padding: 16px 32px;
  border-radius: 3px;
  line-height: 180%;
  border: 2px solid #b54343;
  margin: 0 auto;
}


.s_5 h4 {
  margin-top: 72px;
   font-size: 21px;
  margin-bottom: 32px;
  font-weight: bold;
}
.s_5 h4 span {
   font-size: 18px;
   background-color: #767676;
   padding: 8px 16px;
   color: #fff;
   font-weight: bold;
   border-radius: 2px;
   margin-right: 8px;
}

.s_5 ul {
  margin: 0 0 8px;
}
.s_5 ul li {
  font-size: 16px;
  padding: 0 0 24px !important;
  line-height: 160%;
}

.s_5_img {
  margin-bottom: 24px;
}


@media screen and (min-width: 768px) {
.s_5 {
  padding: 0 0 80px;
}
  .s_5 h2 {
  text-align: center;
  font-size: 31px;
}
.s_5 ul {
  margin: 0 0 24px;
}
.s_5 h4 {
  margin-top: 48px;
}
}




/* アンカーリンク */

.anchor_return {
  font-size: 14px;
  text-align: right;
  margin-top: 24px;
}


.anchor_link {
  font-size: 16px;
  text-align: left;
  margin-top: 24px;
}


/* 円のリンク */

#fab {/*円の部分*/
    width: 48px;/*幅*/
    height: 48px;/*高さ*/
    background: #C16658;/*背景色*/
    text-align: center;/*中央寄せ*/
    border-radius: 50%;/*角丸く*/
    transition: .3s;/*滑らかな動きに*/
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 1px 0 rgba(0,0,0,.1);/*影*/
}
#fab:hover {/*ホバー時*/
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
  background:#B25648;
}

#fab i {/*中央のアイコン*/
  color: white;
  line-height: 48px;/*＝幅と高さ*/
  vertical-align: middle;
  font-size: 18px;/*サイズ*/
}
#fab:hover i {/*ホバー時*/
  margin-top: 2px;
}


/* hrライン */
.vertical-lines {
  height:0px;
  border-radius: 2px;
  border: 2px solid hsl(0, 0%, 60%);
  width: 160px;
  margin-top: 80px;
}



.fast .atmc-card {
    padding: 0 1.2rem 0 0;
    margin: .75rem 0;
  border: 1px solid #666;
}

.fast .mb-8 {
  margin-bottom: 0;
}


.g-image li {
  line-height: 1.6;
  margin-top: 16px;
  font-size: 1rem;
}