/*!
style
 ______________________________*/


.center_tbl_4cols td:nth-child(1),
.center_tbl_4cols td:nth-child(2),
.center_tbl_4cols td:nth-child(4){
  text-align: left;
  vertical-align: middle;
}

.center_tbl_4cols td:nth-child(3){
  text-align: center;
  vertical-align: middle;
}
.center_tbl_4cols td:nth-child(1){
  width:23.3%;
}
.center_tbl_4cols td:nth-child(2){
  width:10.7%;
}
.center_tbl_4cols td:nth-child(3){
  width:8%;
}
.center_tbl_4cols td:nth-child(4){
  width:58%;
}
 .tbl_25p th,
 .tbl_25p td{
  width:25% !important;
 }
 .tbl_33p th,
 .tbl_33p td{
  width:33.3333% !important;
 }
 .tbl_50p th,
 .tbl_50p td{
  width:50% !important;
 }


 .doc_name {
  text-align: right !important;
}

.youtube_link{
  display: block;
}
.modalArea {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .4s;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.9);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 800px;
  padding: 10px 30px;
  /*background-color: #fff;*/
}

.closeModal {
  position: absolute;
  top: -5rem;
  right: -2rem;
  cursor: pointer;
  color: #fff;
  font-size: 7rem;
}
.is-show {
  visibility: visible;
  opacity: 1;
}

button {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #282828;
  border-radius: 2px;
  cursor: pointer;
}

#openModal {
  cursor: pointer;
  /*
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  */
}


.modalContents > iframe{
  width: 100%;    
  height: auto;
  aspect-ratio: 560 / 315;
}



/*________________________*/

.sitemap .color-lc-scrum a {
  text-decoration: none !important;
  color: #DD4E4D !important
}

.sitemap .color-monstar-screen a {
  text-decoration: none !important;
  color: var(--color-monstar-screen) !important;
}


h2.news_pagehead {
  color: #005eac !important;
  text-align: center;
  font-size: 4rem !important;
  letter-spacing: 3px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  line-height: 1;
  font-weight: 600;
}

h2.news_pagehead span {
  display: block;
  color: #000;
  font-size: 1.8rem;
  margin: 5px 0 70px;
  font-weight: normal;
}

.bg_gene_per {
  padding: 20px 100px 20px 20px;
  margin: 0 0 30px;
  border: 1px solid #333;
  background-color: #fff;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);
  line-height: 1.8;
  background-image: url(../img/monstar-screen/bg_gene_per.png);
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: right 10px bottom;
}

.flow_box {
  margin: 0 40px;
}

.arrow_box {
  position: relative;
  background: #fff;
  border: 2px solid #3F7FB3;
  padding: 15px !important;
  border-radius: 10px;
}

.arrow_box:after,
.arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 13.5px;
  margin-top: -13.25px;
}

.arrow_box:before {
  border-color: rgba(63, 127, 179, 0);
  border-right-color: #3F7FB3;
  border-width: 16px;
  margin-top: -16px;
}

.news_list_card {
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  margin-bottom: 18px;
  border-bottom: 1px solid #ccc;
}

.news_list_card>article {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.news_list_card>article>.news_list_card_img {
  width: 200px;
  height: auto;
}

.news_list_card>article>.news_list_card_body {
  width: calc(100% - 220px);
  display: flex;
  flex-flow: column;
  justify-content: center;
}


.news_list_wrap {}


.news_list_card .news_detail {
  width: 100%;
  display: inline-block !important;
  margin-left: 0;
  margin-bottom: 5px;
  list-style-type: none;
}

.news_list_card .news_detail p {
  margin-bottom: 0 !important;
}

.news_list_card .news_detail>li {
  display: inline-block;
  border-bottom: none;
  margin: 0 10px 0;
}

.news_list_card .news_detail>li:nth-child(1) {
  padding: 10px 0 0 0;
  margin: 0 10px 0 0;
}

.news_list_card .news_detail li::before {
  display: none;
}

.news_list_card a p {
  color: #333;
}

.top_msg_main {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15%;
}

.top_msg_main_wrap {
  position: relative;
  right: 0;
  width: 90%;
  border-radius: 20px;
  padding: 30px 20px 130px 220px;
}

.top_msg_img {
  position: absolute;
  left: -11.2%;
  top: 15%;

}

.top_msg_img img {
  width: 300px;
  height: auto;
}

.top_msg_copy_wrap {
  position: relative;
}

.top_msg_copy {
  font-size: 180%;
  font-weight: 600;
  margin-bottom: 30px;
}

.top_msg_doc_info {
  position: absolute;
  width: 44%;
  right: 4%;
}

.top_msg_doc_name {
  font-size: 2.5rem;
}

.top_msg_doc_name span {
  display: inline-block;
  padding: 3px 5px;
  color: #fff;
  margin: 0 5px;
}

.monstar-screen_top_msg .top_msg_doc_name span {
  background-color: #60ACB0;
}

.monstar-screen_top_msg .top_msg_copy {
  color: #2E9D9A;
}

.monstar-screen_top_msg .top_msg_main_wrap {
  border: 1px solid #60ACB0;
}

.lc-scrum_top_msg .top_msg_doc_name span {
  background-color: #DD8383;
}

.lc-scrum_top_msg .top_msg_copy {
  color: #DD4E4D;
}

.lc-scrum_top_msg .top_msg_main_wrap {
  border: 1px solid #DD8383;
}

.top_msg_main.lc-scrum_top_msg {
  justify-content: flex-start;
}

.lc-scrum_top_msg .top_msg_img {
  left: inherit;
  right: -11.2%;
}

.lc-scrum_top_msg .top_msg_main_wrap {
  padding: 30px 220px 130px 60px;
}

.top_msg_main.scramjapan-msg {
  margin-bottom:5%;
}
.scramjapan-msg .top_msg_main_wrap {
  padding: 60px 60px 130px 60px;
}
.scramjapan-msg .top_msg_main_wrap {
  border: 1px solid var(--color-primary);
}
.scramjapan-msg .top_msg_copy {
  color: var(--color-primary);
}
.scramjapan-msg .top_msg_doc_name span {
  background-color: var(--color-primary);
}
.scramjapan-msg .top_msg_main_wrap {
  position: relative;
  right: 0;
  width: 100%;
  border-radius: 20px;
}
.scramjapan-msg .top_msg_doc_info {
  position: absolute;
  width: 29%;
  right: 0%;
}

/*

text
_________*/
.tR,
.right {
  text-align: right !important;
}

.tL {
  text-align: left !important;
}

.tC {
  text-align: center !important;
}

.font70 {
  font-size: 70%;
}

.font80 {
  font-size: 80%;
}

.font130 {
  font-size: 130%;
}

.font150 {
  font-size: 150%;
}

.font170 {
  font-size: 170%;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.va_m {
  vertical-align: middle !important;
}


.lh1_2 {
  line-height: 1.2;
}

.hero_img {
  text-align: center;
  margin-bottom: 30px;
}

.btn_r {
  border-radius: 20px;
  padding: 15px 80px;
  background-image: url(../img/common/ico_arr_wh.png);
  background-repeat: no-repeat;
  background-size: 8px 12px;
  background-position: center right 35px;
}

.btn_rev {
  border: 1px solid var(--color-primary) !important;
  color: var(--color-primary) !important;
  background-color: #fff !important;
  background-image: url(../img/common/ico_arr_blue.png);
  background-repeat: no-repeat;
  background-size: 8px 12px;
  background-position: center right 35px;
}

.btn_pink {
  border: 1px solid #fa8888 !important;
  color: #fa8888 !important;
  background-color: #fff !important;
  background-image: url(../img/common/ico_arr_pink.png);
  background-repeat: no-repeat;
  background-size: 8px 12px;
  background-position: center right 35px;
}

.btn_green {
  border: 1px solid #33aaa9 !important;
  color: #33aaa9 !important;
  background-color: #fff !important;
  background-image: url(../img/common/ico_arr_green.png);
  background-repeat: no-repeat;
  background-size: 8px 12px;
  background-position: center right 35px;
}

.btn_gray {
  border: 1px solid #666 !important;
  color: #666 !important;
  background-color: #fff !important;
  background-image: url(../img/common/ico_arr_gray.png);
  background-repeat: no-repeat;
  background-size: 8px 12px;
  background-position: center right 35px;
}

.btn_small {
  padding: 8px 40px 5px;
  background-position: center right 15px;
  line-height: 1.5;
}

.tab_blank {
  display: none;
}




/*
style
_______________*/
.tx_box {
  margin: 0 20px 50px;
  content: "";
  display: block;
  clear: both;
}

.big {
  font-size: 200%;
}

.tx_red {
  color: #c60000;
}

.blue_box {
  background: #eaf5fc;
  padding: 20px;
  margin-bottom: 30px;
}


/*
.tab_year
_________________________*/

.tab_year>ul {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 0;
}

.tab_year>ul li {
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  border-bottom: none !important;
}

.tab_year>ul li::before {
  display: none;
}

.tab_year>ul li a {
  color: #999;
  position: relative;
}

.tab_year>ul li a.is-active {
  color: #333;
  position: relative;
}

.tab_year>ul>li::before {
  display: none !important;
}

.tab_year .js-tab-content {
  padding: 0;
  text-align: left;
}




/*
.main_contents 
_________________________*/

.main_contents {
  padding-top: 37px;
  padding-bottom: 50px;
  word-break: break-all;
}

.main_contents_area {
  position: relative;
  width: 77%;
  margin-left: auto;
  padding: 0;
  /*z-index: 80;*/
}

.main_contents_area section {
  margin-bottom: 60px;
}


/*
sub
_________________________*/

sub.sub_wrapper {
  position: fixed;
  top: 140px;
  left: 0;
  width: 100vw;
  /*z-index: 90;*/
  z-index: 1;
  pointer-events: none;
}

.sub_area {
  /*max-width: var(--grid-maxWidth);*/
  margin: 0 auto;
  width: 96%;
  padding: 0 calc(var(--grid-gutter) / 2);
  padding-left: inherit;
  margin-left: 0;
}

.sub_in {
  background-color: var(--color-primary);
  color: #fff;
  width: 20%;
  margin-right: auto;
  padding: 50px 20px 50px 20px;
  ;
  border-radius: 0 30px 30px 0;
  position: relative;
  pointer-events: auto;
}

.sub_in h3 {
  margin: 0 0 20px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff !important;
}

.sub_in ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sub_in ul a {
  display: block;
  color: #fff;
  padding: 5px 10px 5px 0;
  background-image: url(../img/common/ico_arr_wh.png);
  background-repeat: no-repeat;
  background-size: 6px 9px;
  background-position: top 10px right;
}

.sub_in ul>li {
  border-bottom: 1px dotted #fff;
}

.sub_in ul>li>ul>li {
  border-bottom: none
}

.sub_in ul>li>ul>li>a {
  background: none;
  padding-left: 2em;
}


/*
primary
___________________*/

.main_contents h2 {
  color: #404040;
  margin: 0 0 50px 0;
  font-weight: 600;
  font-size: 3rem;
}

.main_contents .radius_sec {
  border: 1px solid var(--color-primary);
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 30px;
}

.main_contents .radius_sec h3 {
  background-color: var(--color-primary);
  color: #fff !important;
  padding: 10px 30px;
  border-bottom: none !important;
  margin-bottom: 0;
  font-size: 2rem !important;
}

.main_contents .radius_sec_body {
  padding: 20px 30px;
}

.main_contents .card {
  border: 1px solid var(--color-primary);
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 20px 30px;
  box-shadow: none;
}



/*
contents_separator
___________________*/

.contents_separator_l {
  position: relative;
  width: 100vw;
  height: 100px;
  left: -70vw;
  margin: 0 0 30px;
  padding: 30px 0;
  background-image: url(../img/top/bg_gene.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;

}

.contents_separator_r {
  position: relative;
  width: 100vw;
  height: 100px;
  right: -20vw;
  margin: 0 0 30px;
  padding: 30px 0;
  background-image: url(../img/top/bg_gene.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left;
}



.main_contents .card_prof {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.main_contents .card_prof li::before {
  display: none;
}

.main_contents .card_prof li:nth-child(1) {
  width: 70px;
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.main_contents .card_prof li:nth-child(2) {
  width: calc(100% - 120px);
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.main_contents .dl_dt_s {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
}

.main_contents .dl_dt_s dt {
  width: 6em;
  margin: 0;
  padding: 3px;
}

.main_contents .dl_dt_s dd {
  width: calc(100% - 6em);
  margin: 0;
  padding: 3px;
}


.main_contents .card_link {
  display: block;
  text-align: right;
  margin-bottom: 0;
}

.main_contents .card_link>li {
  width: inherit !important;
  border-bottom: none !important;
}

.main_contents .card_link>li a {
  color: #333;
  display: inline-block;
  background-image: url(../img/common/ico_arr_tri_blk.png);
  background-repeat: no-repeat;
  background-size: 5px 10px;
  background-position: left center;
  padding-left: 10px;
}

.main_contents p {
  font-size: 1.6rem;
  line-height: 1.9;
  text-align: left;
}



.main_contents h3 {
  color: var(--color-primary);
  padding: 9px 0;
  margin-top: 0;
  margin-bottom: 25px;
  position: relative;
  border-bottom: 2px solid var(--color-primary);
  font-size: 2.4rem;
  font-weight: 600;
  text-align: left;
}

.main_contents h3 em {
  position: absolute;
  left: -2px;
  bottom: -9px;
  margin-right: 1em;
  font-style: normal;
  font-size: 5rem;
  font-family: Arial, Helvetica, sans-serif;
  color: #cabee4;
}

.main_contents h3 span {
  position: absolute;
  right: 0;
  bottom: 5px;
  color: #999999;
  font-size: 1.3rem;
}

.main_contents h4.ver2 {
  color: #fff;
  background-color: var(--color-primary);
  padding: 10px 20px;
  margin-top: 0;
  margin-bottom: 20px;
  position: relative;
  border-radius: 20px;
  font-size: 2.4rem;
  font-weight: 600;
  text-align: left;
}


.main_contents h4 {
  color: var(--color-primary);
  background-color: inherit;
  padding: 10px 0;
  margin-top: 0;
  font-weight: 600;
}

.main_contents h5 {
  border-bottom: 1px solid #555;
  padding: 10px 0;
  margin-top: 0;
  margin-bottom: 20px;
  position: relative;
}

.main_contents h6 {
  font-size: 1.8rem;
  font-weight: 600;
}

.main_contents table {
  margin-bottom: 50px;
}

.main_contents table th {
  background: #edf7fd;
  border: 1px solid #ccc;
  text-align: center;
  padding: 15px;
}

.main_contents table thead th:nth-child(1),
.main_contents table tbody th:nth-child(1),
.main_contents table tbody td:nth-child(2) {
  width: 260px;
}

.width_auto {
  width: auto !important;
}

.main_contents table td {
  border: 1px solid #ccc;
  vertical-align: top;
  padding: 15px;
}

.main_contents table td.Vm {
  vertical-align: middle;
}

.main_contents table td>table,
.main_contents table td>ul {
  margin-bottom: 0;
}

.main_contents table td>ul>li {
  border-bottom: none;
}

.main_contents table>tbody>tr>td>table>tbody>tr>td {
  width: auto !important;
}

.scrum-japan_participating_tbl tbody th {
  width: 50% !important;
  text-align: left;
  vertical-align: middle;
}

.scrum-japan_participating_tbl tbody td {
  width: auto !important;
  vertical-align: middle;
}

/* Alignment */
.main_contents .alignleft {
  display: inline;
  float: left;
  margin-right: 1.625em;
}

.main_contents .alignright {
  display: inline;
  float: right;
  margin-left: 1.625em;
}

.main_contents .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.main_contents ul {
  margin-left: 2.3em;
  margin-bottom: 30px;
  padding: 0;
  font-size: 1.5rem;
}

.main_contents ul li {
  position: relative;
  list-style: none;
  margin: 0 0 15px;
  padding: 5px 0;
  border-bottom: 1px dotted #ccc;
  font-size: 1.5rem;
}


.main_contents ul li::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: var(--color-primary);
  top: 13px;
  left: 0;
  border-radius: 50%;
}

.main_contents ul>li>ul {
  margin: 20px 0 15px 2.3em;
}

.main_contents ul>li>ul>li:last-child {
  border-bottom: none;
}

.main_contents ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

.main_contents li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
  text-align: left;
}

.main_contents li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #00437a;
  color: #fff;
  display: block;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  font-size: 1.6rem;
  line-height: 1.5;
  position: absolute;
}

.main_contents .color-monstar-screen li:before {
  background-color: #288685;
  color: #fff;
}

.main_contents .color-lc-scrum li:before {
  background-color: #DD4E4D;
  color: #fff;
}

.maru_num {
  background-color: #00437a;
  color: #fff;
  display: inline-block;
  line-height: 22px;
  margin: 0 3px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

.main_contents .color-monstar-screen .maru_num {
  background-color: #288685;
  color: #fff;
}

.main_contents .color-lc-scrum .maru_num {
  background-color: #DD4E4D;
  color: #fff;
}

.project_tit {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

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

.project_tit img {
  display: block;
  width: 200px;
  height: auto;
  margin-bottom: 30px;
}

.project_tit h5 {
  width: 100%;
  text-align: center;
  border-bottom: none;
}

.project_tit h5 span {
  display: block;
  font-size: 1.3rem;
}

.main_contents .font1 {
  font-size: 70%;
}

.main_contents .font2 {
  font-size: 78%;
}

.main_contents .font3 {
  font-size: 92%;
}

.main_contents .font4 {
  font-size: 108%;
}

.main_contents .font5 {
  font-size: 123%;
}

.main_contents .font6 {
  font-size: 139%;
}

.main_contents .font7 {
  font-size: 185%;
}

.main_contents .font8 {
  font-size: 277%;
}

.main_contents .bold {
  font-weight: 600;
}

.main_contents .blue {
  color: #0683ff;
}

.main_contents .purple {
  color: #a03266;
}

.main_contents .red {
  color: #c00;
}

/*_______________________

.flex_box
________________________*/
.flex_box {
  display: flex;
  padding: 0;
  margin: 0 0 30px;
  justify-content: space-between;
}

.flex_box .img {
  margin: 0 20px 0 0;
}

.flex_box.rev {
  flex-direction: row-reverse;
}

.flex_box.rev .img_box {
  margin: 0 0 0 20px;
}

.text_box {
  width: calc(100% - 320px);
}

.img_box {
  width: 300px;
  height: auto;
  font-size: 0.72em;
  color: #333;
  align-items: center;
  justify-content: center;
}

.img_box p {
  text-align: center;
}

.img_box img {
  width: 100%;
  height: auto;
}

.flex_box.img2col {
  justify-content: center;
}

.flex_box.img2col .img_box {
  margin: 0 20px;
}

.flex_box.img200 .img_box {
  width: 200px;
}

.flex_box.img200 .text_box {
  width: calc(100% - 220px);
}

.flex_box.img250 .img_box {
  width: 250px;
}

.flex_box.img250 .text_box {
  width: calc(100% - 270px);
}

.flex_box.img350 .img_box {
  width: 350px;
}

.flex_box.img350 .text_box {
  width: calc(100% - 370px);
}

.flex_box.img400 .img_box {
  width: 400px;
}

.flex_box.img400 .text_box {
  width: calc(100% - 420px);
}


.flex_box.float_r,
.flex_box.float_l {
  display: inline-block;
}

.flex_box.float_r::after,
.flex_box.float_l::after {
  content: "";
  display: block;
  clear: both;
}

.flex_box.float_r .text_box p.text-basic,
.flex_box.float_l .text_box p.text-basic {
  display: inline !important;
}

.flex_box.float_r .img_box {
  float: right;
  margin: 0 0 20px 20px;
  display: inline-block;
}

.flex_box.float_l .img_box {
  float: left;
  margin: 0 20px 20px 0;
  display: inline-block;
}

.flex_box.float_r .text_box,
.flex_box.float_l .text_box {
  margin: 0 0 20px 20px;
  display: block;
  width: inherit;
}

.flex_box.float_r .text_box .basic-txt,
.flex_box.float_l .text_box .basic-txt {
  display: inline;
}

ul.flex_box_half {
  display: flex;
  padding: 0;
  margin: 0 0 30px;
  justify-content: space-between;
  list-style-type: none;
  flex-wrap: wrap;
}

ul.flex_box_half>li::before {
  display: none;
}

ul.flex_box_half>li {
  width: 48%;
  border-bottom: none;
}

ul.flex_box_half,
ul.flex_box_half>li {
  margin-bottom: 0;
}


ul.flex_box_3cols {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 0 30px;
  justify-content: space-between;
  list-style-type: none;
}

ul.flex_box_3cols>li::before {
  display: none;
}

ul.flex_box_3cols>li {
  width: 32%;
  border-bottom: none;
}

ul.flex_box_3cols::after {
  content: "";
  display: block;
  width: 32%;
}

ul.flex_box_3cols,
ul.flex_box_3cols>li {
  margin-bottom: 0;
}

/*
pic_flex
____________*/

.pic_flex {
  display: flex;
  justify-content: space-between;
  margin: 0 0 50px;
}

.pic_flex .pic_img {
  width: 50%;
}

.pic_flex .pic_img img {
  width: 100%;
  height: auto;
}

.pic_flex .pic_txt {
  width: 50%;
  display: flex;
  align-items: center;
}

.pic_flex .pic_txt_area {
  width: 100%;
  padding: 10px;
  background-color: #f1f1f1;
  color: var(--color-primary);
  border-radius: 10px;
}

.pic_flex .pic_txt_area p {
  margin-bottom: 0;
}

/*
.doc_flex
________________*/
.doc_flex {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  row-gap: 60px;
}

.doc_box_img,
.doc_box_text {
  width: 250px;
}

.doc_box_text_detaile {
  font-size: 80% !important;
}

.doc_section {
  font-size: 80%;
  display: inline-block;
  line-height: 1.3;
}

/*
pagination
________________*/
.pagination_box {
  padding: 30px 0;
}

.pagination_nav nav li::before {
  display: none;
}

.pagination_nav nav,
.pagination {
  display: flex;
  justify-content: center;
  width: 100%;
}

.pagination_nav .pagination {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;

}

.pagination_nav .pagination li {
  margin: 0 3px;
  padding: 0 5px;
  border-bottom: none !important;
}

.pagination_nav .pagination li::before {
  display: none !important;
}

.pagination_nav .pagination li a,
a.page-numbers {
  color: var(--color-gray);
  border: 1px solid var(--color-gray);
  padding: 3px 5px;
  margin: 0 5px;
}

.pagination_nav .pagination li a:hover,
.pagination_nav .pagination li.is-active a,
.page-numbers.current {
  border: 1px solid var(--color-gray);
  background-color: var(--color-gray);
  color: #fff;
  padding: 3px 5px;
  margin: 0 5px;
}

.news_list_box {
  width: 100vw;
  background-color: #fff;
}

.news_list_header {
  position: relative;
  width: 77%;
  margin-left: auto;
  padding: 0 0 10px;
  z-index: 80;
  background-color: #fff;
}

.news_list_header h2 {
  text-align: center;
  font-weight: 600;
  font-size: 3rem;
  letter-spacing: 2px;
}

.news_list_header h2 span {
  display: block;
  color: #333;
  font-size: 1.3rem;
}

.news_list .main_contents {
  background-color: #eaf9e8;

}

.news_list .main_contents_area {
  padding-top: 60px;
}

/*
news_list_vertical
____________________*/

.news_list_vertical {
  background-color: #fff;
  border-radius: 30px;
  padding: 30px;
}

.news_list_vertical .swiper-slide {
  position: relative;
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
}

.news_list_vertical .swiper-slide a {
  color: #333;
}

.news_list_vertical img {
  position: absolute;
  top: 10px;
  left: 0;
  width: 120px;
  height: 77px;
  object-fit: cover;
}

.news_list_vertical p {
  padding: 0 0 0 130px;
  margin-bottom: 0;
}

.news_list_vertical ul.news_detail {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0 0 130px;
  list-style-type: none;
  margin: 0;
}

.news_list_vertical ul.news_detail li {
  border-bottom: none;
}

.news_list_vertical ul.news_detail li::before {
  display: none !important;
  padding: 0;
  margin: 0;
}

.news_list_vertical ul.news_detail li:nth-child(1) {
  order: 2;
}

.news_list_vertical ul.news_detail li:nth-child(2) {
  order: 1;
  padding: 5px 0 5px 0;
}


.main_contents .color-monstar-screen .theme_color {
  color: var(--color-primary);
}

/*
color-monstar-screen
___________________*/

.color-monstar-screen a {
  text-decoration: underline;
  color: #333;
}

.main_contents .color-monstar-screen .radius_sec {
  border: 1px solid var(--color-monstar-screen);
}

.main_contents .color-monstar-screen .radius_sec h3 {
  background-color: #5BA9AD;
}

.main_contents .color-monstar-screen h3 {
  color: var(--color-monstar-screen);
  border-bottom: 1px solid var(--color-monstar-screen);
}

.main_contents .color-monstar-screen h3 a {
  text-decoration: none;
}

.main_contents .color-monstar-screen h4.ver2 {
  background-color: #5BA9AD;
  color: #fff;
  font-size: 2.4rem;
}

.main_contents .color-monstar-screen h4.ver2 a {
  color: #fff;
  text-decoration: none;
}

.main_contents .color-monstar-screen h4 {
  background-color: inherit;
  color: var(--color-monstar-screen);
}

.main_contents .color-monstar-screen ul li::before {
  background-color: var(--color-monstar-screen);
}

.main_contents .color-monstar-screen .card {
  border: 1px solid var(--color-monstar-screen);
}

.main_contents .color-monstar-screen table th {
  background: #e5f4f4;
}

.main_contents .color-monstar-screen .button.primary {
  background-color: #60ACB0;
  text-decoration: none;
}

.main_contents .color-monstar-screen .theme_color {
  color: var(--color-monstar-screen);
}

.main_contents .color-monstar-screen .card h5 {
  color: var(--color-monstar-screen);
  font-size: 120%;
}


.monstar-screen-3-tbl {
  overflow: auto;
  white-space: nowrap;
  border: solid 1px #ddd;
  margin-bottom: 30px;
  cursor: pointer;
}

.monstar-screen-3-tbl table {
  margin-bottom: 0;
}


.vertical_rl {
  writing-mode: vertical-rl;
}

.monstar-screen-3-tbl td:nth-child(n+5):nth-child(-n+23) {
  text-align: center;
}

.main_contents .monstar-screen-project-gozila-tbl table tbody td:nth-child(2),
.main_contents .monstar-screen-project-gozila-tbl table tbody td:nth-child(6) {
  width: 100px;
  text-align: center;
}


.main_contents .color-monstar-screen .underline {
  color: #333;
  background: linear-gradient(transparent 60%, #2e9d9a6b 60%);
}


/*
color-lc-scrum
___________________*/

.color-lc-scrum a {
  text-decoration: underline;
  color: #333;
}

.main_contents .color-lc-scrum .radius_sec {
  border: 1px solid #DD4E4D;
}

.main_contents .color-lc-scrum>.radius_sec>h3 {
  background-color: #DD4E4D;
}

.main_contents .color-lc-scrum h3 {
  color: #DD4E4D;
  border-bottom: 1px solid #DD4E4D;
}

.main_contents .color-lc-scrum .radius_sec h3 {
  background-color: #DD8383;
}


.main_contents .color-lc-scrum h4.ver2 {
  background-color: #DD8383;
  color: #fff;
  font-size: 2.4rem;
}


.main_contents .color-lc-scrum h4 {
  background-color: inherit;
  color: #DD4E4D;
}

.color-lc-scrum .underline {
  color: #333;
  background: linear-gradient(transparent 60%, #dd83834f 60%);
}


.main_contents .color-lc-scrum ul li::before {
  background-color: #DD4E4D;
}

.main_contents .color-lc-scrum .card {
  border: 1px solid #DD4E4D;
}

.main_contents .color-lc-scrum table th {
  background: #fef0f0;
}

.main_contents .color-lc-scrum .button.primary {
  background-color: #DD8383;
  text-decoration: none;
}

.main_contents .color-lc-scrum .theme_color {
  color: #DD4E4D;
}

.main_contents .color-lc-scrum .card h5 {
  color: #DD4E4D;
  font-size: 120%;
}



.bg_green {
  background-color: #e6fbe5 !important;
  background-image: url(../img/top/bg_gene.png), url(../img/top/bg_gene.png);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: top 20% right -35vw, top 80% left -35vw;
}

.main_white {
  background-color: #fff;
  border-radius: 40px 40px 0 0;
  padding: 30px 40px;
}

.doc_img {
  text-align: right;
}

.doc_img>img {
  width: 260px;
  margin-left: auto;
}

.doc_msg .doc_img {
  text-align: left;
}

.doc_msg .text_box {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

.doc_msg .text_box h4 {
  display: block;
  width: 100%;
  padding-bottom: 0 !important;
}

.doc_msg .text_box p {

  display: block;
  width: 100%;
}

.text_body {
  margin: 0 20px 50px;
}

.img_body {
  text-align: center;
  padding: 0;
  margin-bottom: 50px;
}

.img_body img {
  width: 80%;
  height: auto;
  margin-bottom: 30px;
}


.flow04 {
  margin-left: 0 !important;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9.3%;
}

.flow04>li {
  list-style-type: none;
  width: 100%;
  max-width: 18%;
  display: flex;
  border-bottom: none !important;
  margin: 0 0 0;
}

.flow04>li::before {
  display: none !important;
}

.flow04>li .icon04 {
  line-height: 2;
  width: 2em;
  height: 2em;
  text-align: center;
  color: #fff;
  background: var(--color-monstar-screen);
  ;
  margin: 0 auto 10px;
  display: block;
  border-radius: 100vh;
  position: relative;
}


.flow04>li dl {
  padding: 30px 20px;
  margin: 0;
  border: 3px solid var(--color-monstar-screen);
  ;
  position: relative;
}

.flow04>li:not(:first-child) dl::before {
  content: "";
  width: 14px;
  height: 14px;
  margin-right: 10px;
  display: inline-block;
  border-top: 4px solid var(--color-monstar-screen);
  ;
  border-right: 4px solid var(--color-monstar-screen);
  ;
  position: absolute;
  top: calc(50% - 14px);
  left: -34%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.flow04>li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  color: var(--color-monstar-screen);
  ;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-bottom: 10px;
  text-align: center;
}

.flow04>li dl dd {
  margin-left: 0;
}

.flow04.pati>li:nth-child(1) dl {
  background-image: url(../img/page/patient01.png);
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: center bottom;
  min-height: 270px;
}

.flow04.pati>li:nth-child(2) dl {
  background-image: url(../img/page/patient02.png);
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: center bottom 10px;
}

.flow04.pati>li:nth-child(3) dl {
  background-image: url(../img/page/patient03.png);
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: center bottom;
}

.flow4_btn_box {
  background-image: url(../img/scrum_japan/ill02.png);
  background-repeat: no-repeat;
  background-size: 170px;
  background-position: left 100px bottom;
  padding: 60px 0 0 300px;
}


.noside .main_contents_area {
  width: 100%;
  margin-left: inherit;
}

table.lc-scrum-japan_table td:nth-child(1),
table.lc-scrum-japan_table td:nth-child(2),
table.lc-scrum-japan_table td:nth-child(3){
   width:20% !important;
}
table.lc-scrum-japan_table td:nth-child(4),
table.lc-scrum-japan_table td:nth-child(5),
table.lc-scrum-japan_table td:nth-child(6),
table.lc-scrum-japan_table .tbl_sh{
 width:13.33333333333333% !important;
 text-align: center;
}

.sns3col{
  display: flex;
  list-style-type: none;
  margin:0 0 40px !important;
  padding:0 !important;
}

.sns3col li::before{
  display: none !important;
}

.sns3col li{
  width:100px;
  gap: 20px;
  text-align: center;
  border-bottom: none !important;
  margin: 0;
  padding:0;
}
.sns3col li p{
  text-align: center;
}