@charset "utf-8";

/* --- report_sp.css --- */
@charset "utf-8";
/*--------------------*
メディカルレポート個別記事-01
*--------------------*/
#report01 .post_box_in {
  background: #fff;
  padding: 4vw 0 10vw;
}
#report01 .post_box_in .in_bdy{
  padding-left: 3vw;
  padding-right: 3vw;
}
#report01 .post_box_in h1{
  font-weight: normal;
  background: #009872;
  padding: 1vw 5vw 1vw 3vw;
  font-size: 4.375vw;
  color: #fff;
  display: inline-block;
  position: relative;
  margin-bottom: 3vw;
}
#report01 .post_box_in h2{
  color: #009872;
  font-size: 8vw;
  margin: 0 0 3vw;
}
#report01 .post_box_in h3{
  color: #4c4c4c;
  font-size: 7vw;
  margin: 4vw 0;
}
/*---------------
プロフィール
----------------*/
#report01 .profile{
  border: 1px solid #aeaeae;
  margin: 7vw 0 0 0;
  position: relative;
}
#report01 .profile h5{
  color: #a3a3a3;
  font-size: 5vw;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 0 3vw;
  transform: translateY(-50%) translateX(1em);
}
#report01 .profile .in_profile{
  overflow: hidden;
  padding: 4vw;
}
#report01 .profile .photo{
  float: left;
  width: 26%;
  margin-right: 4%;
}
#report01 .profile .contents{
  float: left;
  width: 70%;
}
#report01 .profile .contents .name{
  font-size: 6vw;
  padding: 0 0 2vw vw;
}
#report01 .profile .contents .hira{
  font-size: 3.4vw;
  display: block;
}
#report01 .profile .contents .birth,
#report01 .profile .contents .career{
  font-size: 4.375vw;
  line-height: 1.4;
  margin-top: 2vw;
}

/*--------------------*
メディカルレポート個別記事-02
*--------------------*/
#report02 {
  width: 100%;
  background-color: #fff;
}
#report02 div {
  display: block;
  width: 96%;
  margin: 0 auto;
}
#report02 .top {
  width: 100%;
  padding: 20px 20px;
  background-color: #75dfc5;
}
#report02 .top1 {
  display: block;
  width: 70vw;
  margin-right: auto;
  margin-bottom: 2.5vw;
}
#report02 .top2 {
  display: block;
  margin: 0 auto;
}
#report02 .top3 {
  display: block;
  width: 70vw;
  margin-left: auto;
  margin-top: 2.5vw;
}
#report02 h2 {
  color: #009872;
  display: block;
  font-size: 6vw;
  line-height: 7vw;
  margin: 4vw 0 4vw 0;
}
#report02 h3 {
  color: #009872;
  font-size: 5vw;
  margin: 12vw 0 6vw 0;
}
#report02 div p {
  font-size: 4vw;
  margin-top: 5vw;
  margin-bottom: 5vw;
  line-height: 7vw;
}
#report02 .group1 {
  width: 100%;
}
#report02 .group1 h2 {
  padding: 0 3vw;
}
#report02 .group1 p {
  padding: 0 3vw;
  margin-bottom: 5vw;
  line-height: 6vw;
}
#report02 .group1 div {
  display: block;
  width: 100%;
  background-color: #baefe2;
}
#report02 .group1 img {
  display: block;
  width: 30%;
  padding: 1.5vw 0 1.5vw 5vw;
}
#report02 .group2 img {
  margin-bottom: 3vw;
}
#report02 .group4 {
  margin-top: 10vw;
  padding-top: 5vw;
  border-top: 0.2vw solid #000;
  padding-bottom: 10vw;
}
#report02 .group4 img.face {
  width: 30%;
  display: inline-block;
  float: left;
  margin: 5vw 0 5vw 3vw;
}
#report02 .group4 div {
  border: #4c4c4c 0.2vw solid;
  position: relative;
  margin-bottom: 8vw;
  height: 45vw;
}
#report02 .group4 img.profile {
  position: absolute;
  width: 30%;
  top: -5vw;
  left: 5vw;
  background-color: #fff;
  padding: 1.6vw;
}
#report02 .group4 div p {
  display: inline-block;
  width: 60%;
  vertical-align: top;
  margin-left: 3vw;
}
#report02 .group4 .group4-1 {
  margin-top: 15vw;
}
#report02 .group4 p.name {
  font-size: 1.1em;
  line-height: normal;
  margin-top:4vw;
  margin-bottom: 2vw;
}
#report02 .group4 p.name span {
  font-size: 0.5em;
}
#report02 .group4 p.proftxt {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.7em;
  line-height: 5vw;
}

/*--------------------*
メディカルレポート個別記事-03
*--------------------*/
#report03 { background: #fff; }

/* qa_list */
#report03 .qa_list { font-size: 4vw; }
#report03 .qa_list dt {
  color: #4c4c4c;
  font-weight: bold;
}
#report03 .qa_list dt:before {
  content: "━━";
}
#report03 .qa_list dd { padding: 5vw 0; }
#report03 .qa_list dd:last-child { padding: 5vw 0 0; }
#report03 .qa_list dd p { margin-bottom: 5vw; }
#report03 .qa_list dd p:last-child { margin-bottom: 0; }
#report03 .qa_list dd span.name {
  margin-right: 3vw;
  color: #4c4cff;
  font-weight: bold;
  display: inline-block;
}
#report03 .qa_list dd .interview {
  margin: 0 0 5vw;
}

/* common */
#report03 h2 {
  margin: 4vw 0 4vw 0;
  line-height: 7vw;
  color: #009872;
  font-size: 6vw;
  display: block;
}
#report03 h3 {
  margin: 12vw 0 6vw 0;
  color: #009872;
  font-size: 5vw;
}
#report03 p {
  margin-top: 5vw;
  margin-bottom: 5vw;
  line-height: 7vw;
  font-size: 4vw;
}

/* top */
#report03 .top {
  background: #75dfc5;
  padding: 20px 20px;
  width: 100%;
}

/* section */
#report03 section { padding: 0 3vw; }
#report03 section.type01 { padding: 0; }
#report03 section.type01 h2,
#report03 section.type01 p {
  padding: 0 3vw;
}
#report03 section.type01 p { margin-bottom: 5vw; }
#report03 section.type01 .author {
  background: #baefe2;
  padding: 1.5vw 0 1.5vw 5vw;
}
#report03 section.type01 .author img { width: 30%; }

/* profile */
#report03 .profile  { padding-bottom: 8vw; }
#report03 .profile .inner {
  margin: 7vw 0 0 0;
  border: 1px solid #aeaeae;
  position: relative;
}
#report03 .profile h3 {
  background: #fff;
  margin: 0;
  padding: 0 3vw;
  color: #a3a3a3;
  font-size: 5vw;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%) translateX(1em);
}
#report03 .profile .in_profile {
  padding: 4vw;
  overflow: hidden;
}
#report03 .profile .photo {
  margin-right: 4%;
  width: 26%;
  float: left;
}
#report03 .profile .contents {
  width: 70%;
  float: left;
}
#report03 .profile .contents .name {
  padding: 0 0 2vw;
  font-size: 6vw;
}
#report03 .profile .contents .hira{
  font-size: 3.4vw;
  display: block;
}
#report03 .profile .contents .birth,
#report03 .profile .contents .career{
  margin-top: 2vw;
  line-height: 1.4;
  font-size: 4.375vw;
}


/*--------------------*
メディカルレポート個別記事-04
*--------------------*/
#report04 { background: #fff; }

/* qa_list */
#report04 .qa_list { font-size: 4vw; }
#report04 .qa_list dt {
  color: #4c4c4c;
  font-weight: bold;
}
#report04 .qa_list dt:before {
  content: "━━";
}
#report04 .qa_list dd { padding: 5vw 0; }
#report04 .qa_list dd:last-child { padding: 5vw 0 0; }
#report04 .qa_list dd p { margin-bottom: 5vw; }
#report04 .qa_list dd p:last-child { margin-bottom: 0; }
#report04 .qa_list dd span.name {
  margin-right: 3vw;
  color: #4c4cff;
  font-weight: bold;
  display: inline-block;
}
#report04 .qa_list dd .interview {
  margin: 0 0 5vw;
}

/* common */
#report04 h2 {
  margin: 4vw 0 4vw 0;
  line-height: 7vw;
  color: #009872;
  font-size: 6vw;
  display: block;
}
#report04 h3 {
  margin: 12vw 0 6vw 0;
  color: #009872;
  font-size: 5vw;
}
#report04 p {
  margin-top: 5vw;
  margin-bottom: 5vw;
  line-height: 7vw;
  font-size: 4vw;
}

/* top */
#report04 .top {
  background: #75dfc5;
  padding: 20px 20px;
  width: 100%;
}

/* section */
#report04 section { padding: 0 3vw; }
#report04 section.type01 { padding: 0; }
#report04 section.type01 h2,
#report04 section.type01 p {
  padding: 0 3vw;
}
#report04 section.type01 p { margin-bottom: 5vw; }
#report04 section.type01 .author {
  background: #baefe2;
  padding: 1.5vw 0 1.5vw 5vw;
}
#report04 section.type01 .author img { width: 30%; }

/* profile */
#report04 .profile  { padding-bottom: 8vw; }
#report04 .profile .inner {
  margin: 7vw 0 0 0;
  border: 1px solid #aeaeae;
  position: relative;
}
#report04 .profile h3 {
  background: #fff;
  margin: 0;
  padding: 0 3vw;
  color: #a3a3a3;
  font-size: 5vw;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%) translateX(1em);
}
#report04 .profile .in_profile {
  padding: 4vw;
  overflow: hidden;
}
#report04 .profile .photo {
  margin-right: 4%;
  width: 26%;
  float: left;
}
#report04 .profile .contents {
  width: 70%;
  float: left;
}
#report04 .profile .contents .name {
  padding: 0 0 2vw;
  font-size: 6vw;
}
#report04 .profile .contents .hira{
  font-size: 3.4vw;
  display: block;
}
#report04 .profile .contents .birth,
#report04 .profile .contents .career{
  margin-top: 2vw;
  line-height: 1.4;
  font-size: 4.375vw;
}

/* --- training_sp.css --- */
/*--------------------*
メディカルトレーニング個別記事-01
*--------------------*/
#training01 .post_box_in h1{
  font-weight: normal;
  background: #014099;
  padding: 1vw 5vw 1vw 3vw;
  font-size: 4.375vw;
  color: #fff;
  display: inline-block;
  position: relative;
  margin-bottom: 3vw;
}
#training01 .post_box_in h2{
  font-size: 7vw;
  margin: 3vw 0;
  color: #4d6ba9;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.35);
}
#training01 .post_box_in h2 span{
  font-weight: normal;
}
#training01 .post_box_in h3{
  font-size: 6vw;
  margin: 5vw 0;
  color: #4d6ba9;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.35);
}
/*---------------
記事内カスタムcss
----------------*/
#training01 .post_box_in .fbold{
  font-weight: bold;
  font-size: 4vw;
}
#training01 .post_box_in .txt_s{
  font-size: 4.375vw;
  line-height: 1.6;
}
#training01 .post_box_in .text_last_right{
margin-top: 2vw;
}
#training01 .post_box_in .point_red{
  font-weight: bold;
  color: #c40303;
  font-size: 5vw;
}
#training01 .green_box{
  background: rgba(120,218,175,0.6);
  padding: 3vw;
}
#training01 .green_box ul{
}
#training01 .green_box p{
  font-weight: bold;
  font-size: 6vw;
  padding: 5vw 0;
  text-align: center;
}
#training01 .green_box li{
  background: #006db9;
  color: #fff;
  padding: 2vw 4vw;
  margin-bottom: 2vw;
  font-size: 4vw;
}
#training01 .conditioning{
  margin: 3vw 0;
}
#training01 .conditioning li{
  text-align: center;
  background: #bbbbbb;
  font-size: 4vw;
  font-weight: bold;
  padding: 0.5vw 0;
  margin-bottom: 1vw;
}
#training01 .conditioning li:first-child{
  background: #006db9;
  color: #fff;
}
/*--------------------*
メディカルトレーニング個別記事-02
*--------------------*/
#training02 .fbold{
  font-weight: bold;
}
#training02 .f18{
  font-size: 5.625vw;
}
#training02 h2{
  color: #4d6ba9;
  font-weight: bold;
  font-size: 7vw;
  margin-bottom: 2vw;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.35);
}
#training02 .post_box_in{
  padding: 1vw 0 0;
}
#training02 .lead{
  font-size: 4.375vw;
  line-height: 1.3;
}
#training02 .sec01 {
  margin-bottom: 10vw;
}
#training02 .sec01 h1{
  color: #4d6ba9;
  font-weight: bold;
  font-size: 10vw;
  margin: 5vw 0;
  line-height: 1.2;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.35);
}
#training02 .sec01 .point_list{
  font-size: 7vw;
  font-weight: bold;
  color: #014099;
  line-height: 1.4;
  margin: 5vw 0;
}
#training02 .sec01 .point_list li{
  margin-bottom: 1vw;
}
#training02 .sec01 .add_list{
  font-size: 4.375vw;
  padding-left: 1em;
}
#training02 .sec01 .add_list li{
  padding-left: 1em;
  text-indent: -1em;
}
#training02 .sec01 ul.hoshi{
  font-weight: bold;
}
#training02 .sec01 ul.hoshi li{
  padding-left: 1em;
  text-indent: -1em;
}
#training02 .sec01 .cmt{
  font-size: 4.375vw;
  margin-top: 2vw;
}
#training02 .sec02{
  margin-bottom: 5vw;
}
#training02 .sec02 .age_list{
  font-weight: bold;
  margin-bottom: 4vw;
}
#training02 .sec02 .age_list dl{
  margin-bottom: 5vw;
}
#training02 .sec02 .age_list dl dt{
  font-size: 7vw;
  color: #014099;
  line-height: 1.2;
  margin-bottom: 2vw;
}
#training02 .sec02 .age_list dl dt span{
  color: #000;
}
#training02 .sec02 .age_list dl dd{
  font-size: 5.625vw;
  line-height: 1.4;
}
#training02 .sec02 .point_txt{
  color: #990000;
  font-size: 7vw;
  font-weight: bold;
}
#training02 .sec03{
  margin-bottom: 5vw;
}
#training02 .sec03 .ttl_box{
  margin-bottom: 2vw;
}
#training02 .sec03 .ttl_box h2{
  margin: 0;
}
#training02 .sec04{
  margin-bottom: 2vw;
}
#training02 .author{
  text-align: right;
  font-size: 4.375vw;
}

/*--------------------*
メディカルトレーニング個別記事-03
*--------------------*/
#training03 .lead {
  font-size: 4vw;
  line-height: 1.3;
  margin-top: 2vw;
}
#training03 h1,
#training03 h2 {
  font-weight: bold;
  color: #4d6ba9;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.35);
}
#training03 h1 {
  font-size: 7vw;
  margin-top: 7vw;
}
#training03 h2 {
  font-size: 6vw;
  margin-top: 7vw;
}
#training03 figure h2 {
  margin-top: 10vw;
}
#training03 figure img {
  margin-top: 2vw;
}
#training03 .dsc01 {
  font-size: 4vw;
  color: #000;
  font-weight: bold;
  line-height: 1.3;
}
#training03 figure img.right {
  display: block;
  width: auto;
  margin-left: auto;
}
#training03 li .ttl {
  font-size: 5vw;
  font-weight: bold;
  color: #e17e00;
  margin-top: 3vw;
}
#training03 li .ttl::before {
  display: inline-block;
  content: "";
  background: url(../images/lib/training_03/training03_check.png);
  background-size: 100%;
  width: 5.5vw;
  height: 3.8vw;
  margin-right: 1vw;
}
#training03 li .dsc02 {
  font-size: 4vw;
  font-weight: bold;
  color: #595959;
  line-height: 1.3;
  margin-top: 1vw;
}
#training03 .dsc03 {
  font-size: 4.5vw;
  font-weight: bold;
  color: #595959;
  line-height: 1.4;
}
#training03 .author {
  font-size: 3vw;
  color: #000;
  text-align: right;
  margin-top: 7vw;
}



.spNone{display:none;}
.-pcOnly { display: none; }
.-spOnly { display: block; }
/*--------------------*
*header
*--------------------*/
header{
  border-top: #a7002c 1vw solid;
}
header .section_bdy {
  padding-top: 2vw;
}
header .section_bdy .logo_area{
  overflow: hidden;
  width: 96%;
  margin: 0 auto 1vw;
}
header .section_bdy .logo_wrap{
  float: left;
  width: 40%;
}
header .section_bdy .logo_wrap .site_logo {
  line-height: 1;
}
header .section_bdy .logo_bottomTxt {
  padding: 1vw 0 2vw 1vw;
  font-size: 2.9vw;
}
header .section_bdy .nichiban_logo{
  float: right;
  padding: 2vw 0;
  width: 20%;
  margin-right: 30vw;
}
/*----スライドメニュー-----*/
header #side_button {
    position: absolute;
    width: 11%;
    top: 3vw;
    right: 3vw;
    z-index: 10;
}
header #login_btn {
  position: absolute;
  width: 11%;
  top: 3vw;
  right: 17vw;
  z-index: 1;
}
header #menu .menu_bdy{
  position: fixed;
  right: -70%;
  top: 0;
  background: #ebebeb;
  z-index: 2;
  width: 70%;
  height: 100%;
}
header #menu .menu_bdy .menu_ttl {
  padding: 6vw 3vw 4vw;
  color: #a8042f;
  font-weight: bold;
  border-bottom: 1px solid #c7c7c7;
}
header #menu li:nth-child(2) i{
  display: none;
}
header #menu .menu_bdy a{
  color: #494949;
  font-size: 4.2vw;
  display: block;
  font-weight: bold;
  background: url(../images/theme/arrow_red.png) no-repeat right 4% center;
  background-size: 3%;
  padding: 4vw 11% 4vw 4%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #c7c7c7;
}
header .layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
/*----ここまでスライドメニュー-----*/
header #copy{
  text-align: center;
  background-image: url(../images/theme/pattern_bg.png);
  padding: 2vw;
  color: #d8d8d8;
  font-size: 2.5vw;
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 1);
  border-top: 1px solid #000;
  border-bottom: 1px solid #333333;
}
/*吹き出しログインボックス*/
#balloon,
.signin span.btnSig{
  display: none;
}

/*--------------------*
*kv
*--------------------*/
#kv{
  overflow: hidden;
  width: 100%;
}
.kv_bottom{
  background: linear-gradient(#3e3938, #241a17);
  color: #8c8c8c;
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.6);
}
.kv_bottom .kv_bottom_bdy{
  width:94%;
  margin:0 auto;
  padding: 2.5vw 0;
}
.kv_bottom .kv_bottom_bdy .read{
  font-size: 4vw;
  font-weight: bold;
  margin-bottom: 2vw;
  color: #fefefe;
}
.kv_bottom .kv_bottom_bdy .read .mintxt{
  font-size: 3vw;
  font-weight: normal;
}
.kv_bottom .kv_bottom_bdy p{
  font-size: 3vw;
  overflow: hidden;
}
.kv_bottom .kv_bottom_bdy p .about{
  font-size: 4.375vw;
  float: right;
}
.kv_bottom .kv_bottom_bdy p a{
  color: #8b8000;
}
.kv_bottom .kv_bottom_bdy p a:hover{
  text-decoration: none;
  color: #c6b604;
}
/*--------------------*
*regist
*--------------------*/
#regist{
  width:94%;
  margin:3vw auto 2vw;
}
#regist .regist_txt{
  color: #7a7675;
  font-weight: bold;
  font-size: 4vw;
}
#regist .regist_txt .regist_last{
color: #aaaaaa;
font-size: 3.5vw;
margin-top:2vw;
font-weight: normal;
margin-bottom:6vw;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
#regist .regist_txt h2{
  font-size: 7vw;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.35);
  margin-bottom: 1.5vw;
  line-height: 1.2;
  color: #221815;
}
#regist .regist_txt p{
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
  color: #5f5e5e;
}
#regist .regist_btn_wrap {
  margin-top: 3vw;
  margin-bottom: 4vw;
}
#regist .regist_btn a{
  display: block;
  width: 60%;
  margin: 0 auto;
  color: #a8a8a8;
  background: #2f2f2f;
  border-radius: 10px;
  font-size: 3vw;
  text-align: center;
  padding: 2vw 0 1vw;
  box-shadow: 2px 2px 2px 0px rgba(255,255,255,0.4) inset,-2px -2px 2px 0px rgba(0,0,0,0.75) inset;
}
#regist .regist_btn span{
  display: block;
  font-size: 7vw;
  font-weight: bold;
  color: #ffd200;
  line-height: 1.2;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 1);
}
#regist .regist_btn a:hover{
  text-decoration:none;
  background: #4e4e4e;
}
#regist .to_about{
  text-align: center;
  margin: 2vw 0 3vw;
}
#regist .to_about a{
  color: #036eb8;
  font-weight: bold;
  font-size: 4.375vw;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.3);
}
#regist .to_about a:hover{
  text-decoration: none;
  color: #518dbe;
}
#regist .banner_box{
  overflow: hidden;
}
#regist .banner_box li{
  margin-bottom: 3vw;
}
#regist .banner_box li:first-child{
position: relative;
}
#regist .banner_box li:first-child:after{
content: "";
width: 11.75vw;
height: 11.75vw;
display: block;
position: absolute;
bottom: -7.2vw;
left: 50%;
margin-left: -6vw;
background-image: url(../images/theme/ico_plus.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
z-index: 100;
}
/*--------------------*
*report
*--------------------*/
#report {
  background: linear-gradient(rgba(240, 240, 240, 0.5), rgba(158, 158, 158, 0.5)),url(../images/theme/pattern_bg02.png);
  border-top: 4px solid #4b4948;
}
#report .in_bdy{
  width: 94%;
  margin:0 auto;
  padding: 4vw 0;
}
#report .in_bdy .head_box{
  overflow: hidden;
  margin-bottom: 3vw;
}
#report .in_bdy .titile_area{
  background-image: url(../images/theme/ball_ico.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13%;
  padding-left: 16%;
}
#report .in_bdy h2{
  font-size: 7vw;
  font-weight: normal;
  line-height: 1.8em;
}
#report .in_bdy .titile_area p{
  font-size: 4.375vw;
  color: #000;
}
#report .in_bdy .to_list{
  margin-top: 3vw;
  text-align: right;
}
#report .in_bdy .to_list a{
  font-size: 4.375vw;
  color: #767676;
}
#report .in_bdy .to_list a:hover{
  text-decoration: none;
  color: #646464;
}
#report .in_bdy .to_list img{
  background-color: rgba(137, 137, 137, 0.8);
  padding: 1.5vw 1.2vw;
  border-radius: 5px;
  margin-left: 2.2vw;
  width: 5vw;
}
#report .in_bdy .list{
  overflow: hidden;
}
#report .in_bdy .list li{
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2vw;
  padding: 2vw 2vw 4vw 2vw;
  background-color: #000;
  background-image: url(../images/theme/corner_green.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 20%;
  border-radius: 17px;
  transition: background-color 0.3s ease-out;
}
#report .in_bdy .list li:hover{
  background-color: #3b3b3b;
  cursor: pointer;
}
#report .in_bdy .list li:nth-child(2n){
  margin-right: 0;
}
#report .in_bdy .list a{
  display: block;
  text-decoration: none;
  color: #9fa0a0;
}
#report .in_bdy .page_img{
  border: 2px solid #fff;
  border-radius: 10px;
  margin-bottom: 2vw;
}
#report .in_bdy .page_img img{
  width: 100%;
  border-radius: 8px;
}
#report .in_bdy .page_title{
  font-weight: bold;
  text-align: center;
  font-size: 4.5vw;
  margin-bottom: 2vw;
}
#report .in_bdy .page_content{
  line-height: 1.2;
  font-size: 4.375vw;
  padding: 0 2vw;
}
/*--------------------*
*training
*--------------------*/
#training {
  background: linear-gradient(rgba(240, 240, 240, 0.5), rgba(158, 158, 158, 0.5)),url(../images/theme/pattern_bg02.png);
  border-top: 4px solid #4b4948;
}
#training .in_bdy{
  width: 94%;
  margin:0 auto;
  padding: 4vw 0;
}
#training .in_bdy .head_box{
  overflow: hidden;
  margin-bottom: 3vw;
}
#training .in_bdy .titile_area{
  background-image: url(../images/theme/jyuji_ico.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13%;
  padding-left: 16%;
}
#training .in_bdy h2{
  font-size: 7vw;
  font-weight: normal;
  line-height: 1.8em;
}
#training .in_bdy .titile_area p{
  font-size: 4.375vw;
  color: #000;
}
#training .in_bdy .to_list{
  margin-top: 3vw;
  text-align: right;
}
#training .in_bdy .to_list a{
  font-size: 4.375vw;
  color: #767676;
}
#training .in_bdy .to_list a:hover{
  text-decoration: none;
  color: #646464;
}
#training .in_bdy .to_list img{
  background-color: rgba(137, 137, 137, 0.8);
  padding: 1.5vw 1.2vw;
  border-radius: 5px;
  margin-left: 2.2vw;
  width: 5vw;
}
#training .in_bdy .list{
  overflow: hidden;
}
#training .in_bdy .list li{
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2vw;
  padding: 2vw 2vw 4vw 2vw;
  background-color: #000;
  background-image: url(../images/theme/corner_blue.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 20%;
  border-radius: 17px;
  transition: background-color 0.3s ease-out;
}
#training .in_bdy .list li:hover{
  background-color: #3b3b3b;
  cursor: pointer;
}
#training .in_bdy .list li:nth-child(2n){
  margin-right: 0;
}
#training .in_bdy .list a{
  display: block;
  text-decoration: none;
  color: #9fa0a0;
}
#training .in_bdy .page_img{
  border: 2px solid #fff;
  border-radius: 10px;
  margin-bottom: 2vw;
}
#training .in_bdy .page_img img{
  width: 100%;
  border-radius: 8px;
}
#training .in_bdy .page_title{
  font-weight: bold;
  text-align: center;
  font-size: 4.5vw;
  margin-bottom: 2vw;
}
#training .in_bdy .page_content{
  line-height: 1.2;
  font-size: 4.375vw;
  padding: 0 2vw;
}
/*--------------------*
comming soonのcss
*--------------------*/
.no_article:hover{
  cursor: auto!important;
  background-color: #000!important;
}
.no_article .page_title{
  color: #9fa0a0;
  font-weight: bold;
  font-size: 4.5vw;!important;
  line-height: 1.2!important;
  text-align: center!important;
}
/*--------------------*
*outside
*--------------------*/
#outside{
  background: linear-gradient(90deg, rgba(12,12,12,0.9) 0%,rgba(107,107,107,0.9) 50%,rgba(12,12,12,0.9) 100%),url(../images/theme/pattern_bg03.png);
  padding: 3vw 0 3vw ;
}
#outside .in_bdy{
  width: 94%;
  margin:0 auto;
  overflow: hidden;
  position: relative;
}
#outside .in_bdy .link_box{
  padding: 4vw 10vw;
  background: rgba(234, 234, 234, 0.8);
  margin-bottom: 4vw;
}
#outside .in_bdy .logo{
  overflow: hidden;
}
#outside .in_bdy .link_box .logo .img{
  width: 30%;
}
#outside .in_bdy .link_box .logo .txt{
  color: #332d2b;
  font-size: 4vw;
  line-height: 1.2;
  padding: 2vw 0;
  text-shadow: 1px 1px 3px rgb(255, 255, 255);
  margin-bottom: 2vw;
}
#outside .in_bdy .link_box ul{
}
#outside .in_bdy .link_box ul li{
  margin-bottom: 0.5vw;
}
#outside .in_bdy .link_box ul li,
#outside .in_bdy .link_box ul li a{
  color: #5f5e5d;
  font-weight: bold;
  text-shadow: 1px 1px 3px rgb(255, 255, 255);
  text-decoration: none;
  font-size: 4.375vw;
}
#outside .in_bdy .link_box ul li a:hover{
  color: #3c3c3c;
}
#outside .in_bdy .link_box .link_box_bottomTxt {
  margin-top: 2vw;
  font-size: 3.5vw;
  color: #332d2b;
}
#outside .in_bdy .jyd_box ul li:last-child{
  margin-top: 4vw;
}
#outside .in_bdy .jyd_box{
  padding-bottom: 7vw;
}
#outside .in_bdy .battlewin_box{
  position: relative;
  padding-top: 8vw;
  padding-bottom: 6vw;
}
#outside .in_bdy .battlewin_box .logo .txt{
  font-weight: bold;
}
#outside .in_bdy .battlewin_box .logo .txt span{
  font-size: 5vw;
}
#outside .in_bdy .batsu{
  position: absolute;
  top:0;
  margin-top: -11%;
  left: 50%;
  margin-left: -11%;
  width: 22%;
}
/*--------------------*
*banner
*--------------------*/
#banner{
  padding: 3vw 0 5vw;
  background: url(../images/theme/pattern_bg04.png);
}
#banner .in_bdy{
  width: 94%;
  margin:0 auto;
}
#banner .in_bdy a {
  display: block;
}
#banner .in_bdy a + a {
  margin-top: 2vw;
}
/*--------------------*
*footer
*--------------------*/
footer{
  background: #ededed;
}
footer .section_bdy{
  position: relative;
}
footer .footer_nav{
  overflow: hidden;
}
footer .footer_nav .nav_right{
}
footer .footer_nav .nav_right .contact_box{
  text-align: center;
  font-size: 3.125vw;
  padding: 5vw 0;
  line-height: 1.4;
}
footer .footer_nav .nav_right .contact_box h5{
  text-align: center;
  font-size: 4.375vw;
}
footer .footer_nav .nav_right .contact_box .tel{
  font-weight: bold;
  font-size: 4.375vw;
}
footer .footer_nav .nav_left a{
  color: #494949;
  font-size: 4.375vw;
  display: block;
  font-weight: bold;
  background: url(../images/theme/arrow_red.png) no-repeat right 4% center;
  background-size: 2%;
  padding: 4vw 4%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #c7c7c7;
}
footer .footer_nav dt a,
footer .footer_nav dd a{
}
footer .footer_nav dd{
  display: none;
  margin-left: 1em;
}
footer .footer_bottom{
  background-image: url(../images/theme/pattern_bg.png);
  height: 0.5em;
}
.copyright_box{
  background: #3a3a3a;
  padding: 3vw 0;
}
.copyright_box .in_box{
  overflow: hidden;
}
.copyright_box .in_box ul{
  overflow: hidden;
}
.copyright_box .in_box li{
  line-height: 1.2;
  text-align: center;
}
.copyright_box .in_box li a{
  color: #fff;
  font-size: 3vw;
}
#copyright{
  color: #fff;
  font-size: 3vw;
  text-align: center;
  padding: 3vw 0;
}
#copyright a{
  color: #fff;
}
/*--------------------*
*gototop
*--------------------*/
#gototop a{
  color: #8b7f68;
  position: fixed;
  bottom: 0;
  right: 0;
  font-weight: bold;
  font-size: 14px;
  outline: none;
}
#gototop a span{
  display: none;
}
#gototop a:hover{
  text-decoration: none;
  opacity: 0.9;
}
/*--------------------*
*固定ページ、投稿ページ 共通
*--------------------*/
#mainSec{
  padding-bottom: 5vw;
}
.post_box{
  width: 94%;
  margin:0 auto;
  padding-top: 4vw;
  margin-bottom: 2vw;
}
.page h1{
  font-size: 5vw;
  margin-bottom: 3vw;
}

/*index or 共通クラス------------------------------------------------*/
/*--------------------*
メディカルサポーター 固定ページ
*--------------------*/
.supporter #mainSec{
  background: url(../images/theme/pattern_bg05.png);
}
.supporter h1{
  font-size: 7vw;
  color: #000000;
  margin-bottom: 4vw;
  text-shadow: 2px 2px 3px rgb(156, 156, 156);
}
.supporter .about_box{
  font-size: 4.375vw;
}
.supporter .about_box dl{
  margin-top: 3vw;
  margin-bottom: 3vw;
}
.supporter .about_box dt{
  color: #6283c5;
  font-size: 5vw;
  font-weight: bold;
  margin-bottom: 3vw;
}
.supporter .about_box dd{
  line-height: 1.8;
}
.supporter .regist_btn {
  margin:5vw 0;
}
.supporter .regist_btn a{
  display: block;
  width: 80%;
  margin: 0 auto;
  color: #a8a8a8;
  background: #2f2f2f;
  border-radius: 10px;
  font-size: 3vw;
  text-align: center;
  padding: 2vw 0 1vw;
  box-shadow: 2px 2px 2px 0px rgba(255,255,255,0.4) inset,-2px -2px 2px 0px rgba(0,0,0,0.75) inset;
}
.supporter .regist_btn a:hover {
  text-decoration: none;
  background: #4e4e4e;
}
.supporter .regist_btn .shnki{
  margin: 0 auto;
  font-size: 7vw;
  font-weight: bold;
  color: #ffd200;
  line-height: 1.2;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 1);
  display: table;
}
.supporter .regist_btn .sms{
  font-size: 5vw;
  display: table-cell;
  vertical-align: middle;
  padding-right: 3vw
}
.supporter #special h2{
  color: #333333;
  font-size: 7vw;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.51);
  line-height: 1.2;
  margin-bottom: 3vw;
}
.supporter #special .period{
  color: #666666;
  font-size: 4vw;
  font-weight: bold;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.51);
}
.supporter #special .deadline{
  color: #ff0053;
  font-size: 4vw;
  font-weight: bold;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.51);
}
.supporter #special01{
  margin-top: 3vw;
}
.supporter #special01 h3{
  color: #1d2088;
  font-size: 7vw;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.3);
}
.supporter #special01 .content_box{
  border: 4px solid #1d2088;
  position: relative;
}
.supporter #special01 .content_box .circle_g{
  position: absolute;
  right: -1vw;
  top: 10vw;
  width: 40%;
}
.supporter #special01 .content_box .ttl{
  color: #fff;
  font-weight: bold;
  font-size: 5vw;
  background: #1d2088;
  text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.5);
  padding: 3vw;
}
.supporter #special01 .content_box .in_box{
  background: #fff;
}
.supporter #special01 .content_box .float_box{
}
.supporter #special01 .content_box .photo{
}
.supporter #special01 .content_box .txt_area{
  padding: 3vw 4vw;
}
.supporter #special01 .content_box .txt_area .sub_ttl{
  font-size: 7vw;
  font-weight: bold;
  line-height: 1.4;
  color: #332d2b;
  margin-bottom: 2vw;
}
.supporter #special01 .content_box .txt_area p{
  font-size: 5vw;
  line-height: 1.4;
  color: #33ad43;
  margin-bottom: 4vw;
}
.supporter #special01 .content_box .txt_area .info{
  font-size: 5vw;
  color: #33ad43;
  line-height: 1.4;
}
.supporter #special02{
  margin: 5vw 0 4vw;
}
.supporter #special02 h3{
  color: #1b73ba;
  font-size: 7vw;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.3);
}
.supporter #special02 .content_box{
  border: 4px solid #2c4899;
}
.supporter #special02 .content_box .ttl{
  color: #fff;
  font-weight: bold;
  font-size: 5vw;
  background: #1b73ba;
  text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.5);
  padding: 3vw;
}
.supporter #special02 .content_box .in_box{
  background: #fff;
}
.supporter #special02 .content_box .float_box{
  overflow: hidden;
  padding: 5vw 4vw;
}
.supporter #special02 .content_box .photo{
  width: 60%;
  margin: 0 auto;
}
.supporter #special02 .content_box .txt_area{
  padding: 4vw 0;
}
.supporter #special02 .content_box .txt_area .sub_ttl{
  font-size: 6vw;
  font-weight: bold;
  line-height: 1.4;
  color: #332d2b;
  margin-bottom: 5vw;
}
.supporter #special02 .content_box .txt_area p{
  font-size: 5vw;
  line-height: 1.4;
  color: #1b73ba;
  position: relative;
}
.supporter #special02 .content_box .txt_area .info{
  font-size: 20px;
  color: #33ad43;
  line-height: 1.4;
}
.supporter #special02 .content_box .item{
  overflow: hidden;
  padding: 0 10%;
}
.supporter #special02 .content_box .item li{
  float: left;
  width: 40%;
  margin-right: 20%;
  margin-bottom: 10%;
}
.supporter #special02 .content_box .item li:nth-child(2n){
  margin-right:0;
}
.supporter #special02 .content_box .item_info{
  padding: 0 4vw;
  margin: 2vw 0;
  color: #332d2b;
  font-size: 5vw;
  line-height: 1.4;
}
.supporter #special02 .content_box .property{
  text-align: center;
  margin: 2vw auto 4vw;
  width: 94%;
}
.supporter #special02 .content_box .more_btn{
  width: 100%;
  margin: 5vw 0;
}
.supporter #special02 .content_box .box_type{
  padding: 3vw 3vw 3vw;
  color: #e61c57;
}
.supporter #special02 .content_box .box_type h4{
  font-size: 7vw;
  line-height: 1.2;
  margin-bottom: 2vw;
}
.supporter #special02 .content_box .box_type .info{
  font-size: 4.375vw;
}
.supporter #special02 .content_box .in_box_type{
  padding-top: 3vw;
  position: relative;
}
.supporter #special02 .content_box .in_box_type img{
  width: 100%;
}
.supporter #special02 .content_box .in_box_type .limited{
  width: 25%;
  display: inline-block;
  padding-top: 2vw;
}
.supporter #special01 .content_box .imgph,
.supporter #special02 .content_box .imgph{
  padding: 2vw 3vw;
}

.supporter #entry{
  margin-bottom: 8vw;
}
.supporter #entry h3{
  color: #fff;
  font-weight: normal;
  font-size: 5vw;
  background: #007130;
  text-align: center;
  padding: 2vw 0;
  margin-bottom: 5vw;
}
.supporter #entry .entry_box{
  width: 95%;
  margin: 0 auto;
  color: #007130;
  font-size: 4vw;
}
.supporter #entry dl{
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  line-height: 1.6;
  margin-bottom: 3vw;
}
.supporter #entry dl dt{
  width: 25%;
}
.supporter #entry dl dd{
  width: 75%;
}
.supporter #entry dl dd ul li{
  text-indent: -1em;
  padding-left: 1em;
}

#use .in_body{
  margin: 8vw 0;
}
#use .in_body h4{
  font-size: 7vw;
  text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.5);
  color: #333333;
  margin-bottom: 3vw;
}
#use .box_area {
  overflow: hidden;
}
#use .box_area .caption,
#use .box_area .photo{
  margin-bottom: 3vw;
}
#use .box_area .caption{
  font-size: 4.375vw;
  color: #000000;
  line-height: 1.8;
}
#use .box_area .caption .info{
  color: #ff0000;
  font-size: 90%;
}
/*--------------------*
新商品ページ(wグリップ) 固定ページ
*--------------------*/
.page_wgrip #mainSec{
  background: url(../images/theme/pattern_bg05.png);
}
.page_wgrip .post_box .in_body{
}
.page_wgrip .post_box p{
  color: #231815;
}
.page_wgrip .item{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
}
.page_wgrip .item li{
  width: 28%;
}
.page_wgrip .item li img{
  margin-bottom: 10%;
}
.page_wgrip .post_box h2{
  font-size: 6vw;
  color: #231815;
  margin: 4vw 0 3vw;
  line-height: 1.2;
}
.page_wgrip .post_box .graph01{
  margin-bottom: 5vw;
}
.page_wgrip .post_box h3{
  font-size: 5vw;
  color: #231815;
  margin-bottom: 2vw;
}
.page_wgrip .post_box .blue_txt{
  color: #036EB8;
  font-weight: bold;
  margin-bottom: 4vw;
}
.page_wgrip .post_box ul.case{
  font-weight: bold;
  margin-bottom: 6vw;
  color: #231815;
}
.page_wgrip .post_box ul.merit{
  font-weight: bold;
  margin-bottom: 11vw;
  color: #231815;
}
.page_wgrip .post_box .tokucho_box{
  overflow: hidden;
  margin-bottom: 6vw;
}
.page_wgrip .post_box .tokucho_box .left_box{
  width: 30%;
}
.page_wgrip .post_box .tokucho_box .right_box{
  margin-top: 5vw;
}
.page_wgrip .post_box .tokucho_box .right_box p{
  margin-bottom: 2vw;
}
.page_wgrip .post_box .tokucho_box .right_box img{
  width: 100%;
  margin-bottom: 7vw;
}
.page_wgrip .post_box .jichokusei_box{
  overflow: hidden;
  margin: 3vw 0 13vw;
}
.page_wgrip .post_box .jichokusei_box .left_box{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 4vw;
}
.page_wgrip .post_box .jichokusei_box .right_box{
  width: 80%;
  margin: 0 auto;
}
.page_wgrip .ability_box{
  margin-bottom: 10vw;
}
.page_wgrip .ability_box h4{
  font-size: 4.5vw;
  color: #231815;
}
.page_wgrip .ability_box h4{
  line-height: 1.4;
  padding: 3vw 0 3vw 24vw;

}
.page_wgrip .ability_box img{
  width: 100%;
}
.page_wgrip .ability_box h4.usui{
  background: url(../images/theme/usui.png) no-repeat left center;
  background-size: 20vw;
}
.page_wgrip .ability_box h4.karui{
  background: url(../images/theme/karui.png) no-repeat left center;
  background-size: 20vw;
}
.page_wgrip .ability_box h4.jobu{
  background: url(../images/theme/jobu.png) no-repeat left center;
  background-size: 20vw;
}
.page_wgrip .hyouka_box{
  border: #F39800 2px solid;
  background: #fff;
  padding-bottom: 4vw;
  margin-bottom: 7vw;
}
.page_wgrip .hyouka_box h4{
  color: #fff;
  text-align: center;
  background: #F39800;
  font-size: 7vw;
  padding: 2vw 0;
}
.page_wgrip .hyouka_box p.desc{
  padding: 4vw 5vw 0;
}
.page_wgrip .hyouka_box img{
  display: block;
  width: 94%;
  margin: 4vw auto;
}
.page_wgrip .hyouka_box .can01{
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
  color: #F39800;
  margin-bottom: 3vw;
}
.page_wgrip .hyouka_box .can02{
  font-size:6vw;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #F39800;
  border-radius: 5px;
  width: 94%;
  margin: 0 auto;
  padding: 3vw 0;
}
.page_wgrip .kankeisya {
  margin-bottom: 3vw;
}
.page_wgrip .kankeisya h2{
  padding-top: 4vw;
  border-top: 2px solid #231815;
}
.page_wgrip .boxes_wrap{
  overflow: hidden;
  margin-bottom: 12vw;
}
.page_wgrip .boxes_wrap li{
  background: #595757;
  padding: 4vw;
  font-size: 4vw;
  font-weight: bold;
}
.page_wgrip .boxes_wrap li p{
  color: #fff;
}
.page_wgrip .movie .movie_wrap{
  width: 100%;
  margin-bottom: 4vw;
}
.page_wgrip .movie .m_ttl{
  color: #fff;
  font-size: 4vw;
  font-weight: normal;
  text-align: center;
}
.page_wgrip .movie_box{
  width: 100%;
}
.page_wgrip .movie_box .movie{
  margin: 3vw 0;
}
.page_wgrip .movie_box .movie iframe{
  width: 100%;
  display: block;
  margin: 0 auto;
}
.page_wgrip .magazine_box{
  margin-top: 1vw;
}
.page_wgrip .magazine_box img {
  display: block;
  width: 50%;
  margin: 3vw auto;
}
.page_wgrip .magazine_box .dl{
  text-align: center;
  color: #fff;
  text-align: center;
  font-size: 4vw;
}
.page_wgrip .magazine_box .dl a{
  color: #fff;
  font-size: 4.375vw;
  background: #3f3e3e;
  border-radius: 5px;
  padding: 3vw 0;
  display: block;
  border: 1px solid #6e6e6e;
}
.page_wgrip .magazine_box .dl a:hover{
  text-decoration: none;
  background: #000000;
}
.page_wgrip .makikata_box{
  overflow: hidden;
}
.page_wgrip .makikata_box .image_area{
  width: 100%;
}
.page_wgrip .makikata_box .maping {
  background: url(../images/theme/pattern_bg06.png);
  border: 5px solid #cacaca;
}
.page_wgrip .makikata_box .maping {
  position: relative;
}
.page_wgrip .makikata_box .maping #cate-00{
  position: relative;
}
.page_wgrip .makikata_box .maping .hide{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.page_wgrip .makikata_box .image_area h5{
  font-size: 7vw;
  color: #231815;
  text-align: center;
  margin-bottom: 2vw;
}
.page_wgrip .makikata_box .menu{
  width: 100%;
}
.page_wgrip .makikata_box .menu h6{
  font-size: 4vw;
  color: #231815;
  padding: 5vw 0 2vw;
  text-align: center;
}
.page_wgrip .makikata_box .menu li{
  background: #036EB8;
  color: #fff;
  font-weight: bold;
  padding: 2vw 4vw;
  font-size: 4.75vw;
  margin-bottom: 2vw;
  cursor: pointer;
  transition: background-color 0.3s ease-out;
}
.page_wgrip .makikata_box .menu li:hover{
  background: #fc9202;
}
.page_wgrip .everyday{
  border-top:1px solid #231815;
  border-bottom:1px solid #231815;
  margin: 4vw 0 4vw;
  padding: 3vw 0 3vw;
  overflow: hidden;
}
.page_wgrip .everyday h6{
  font-size: 4vw;
  color: #231815;
  padding: 5vw 0 4vw;
  text-align: center;
}
.page_wgrip .everyday p{
  width: 100%;
  padding-top: 2vw;
}
.page_wgrip .everyday ul{
  width: 100%;
}
.page_wgrip .everyday li{
  background: #22AC38;
  color: #fff;
  font-weight: bold;
  padding: 2vw 4vw;
  font-size: 4.75vw;
  margin-bottom: 2vw;
  cursor: pointer;
}
.page_wgrip .everyday li:hover{
  background: #fc9202;
}
.page_wgrip .lineup h3{
  text-align: center;
  margin: 6vw 0 0;
}
.page_wgrip .lineup_item{
  margin: 3vw auto 3vw;
}

.page_wgrip .property_table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.page_wgrip .property_table th,
.page_wgrip .property_table td{
  font-size: 3vw;
  text-align: center;
  padding: 2vw 3vw;
  line-height: 1.2;
  border:3px solid #fff;
  background: #eaeef9;
  color: #010101;
}
.page_wgrip .property_table th{
  background: #004098;
  color: #fff;
  font-weight: normal;
  font-size: 4.375vw;
}
.page_wgrip .property_table .blue{
  background: #d4e1f2;
}
.scroll{
overflow: auto;/*tableをスクロールさせる*/
white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
.page_wgrip .page_name{;
  margin: 6vw 0 0 0;
  text-align: center;
}
.page_wgrip .page_name a{
  color: #fff;
  display: inline-block;;
  font-weight: bold;
  text-align: center;
  font-size: 4.375vw;
  background: #ff0000;
  padding: 3vw 6vw;
  border-radius: 5px;
  border-bottom: solid 3px #c90000;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.35);
}
.page_wgrip .page_name a:hover{
  text-decoration: none;
  background: #e80000;
}
/*--------------------*
single記事共通
*--------------------*/
.single .header{
  background: #000000;
}
.single .header .in_body{
  width: 94%;
  margin: 0 auto;
  overflow: hidden;
}
.single .header .ttl_wrap{
  float: left;
  padding: 2vw 0;
}
.single .header .ttl_wrap .en{
  color: #585858;
  font-weight: bold;
  font-size: 7vw;
  vertical-align: middle;
}
.single .header .ttl_wrap .ja{
  color: #fff;
  font-weight: bold;
  font-size: 3vw;
}
.single .header .num{
  float: left;
  line-height: 1;
  font-size: 8vw;
  padding: 3vw 3vw;
  margin-left: 5vw;
}
.single .header .num span{
  opacity: 0.7;
  color: #fff;
  line-height: 1;
}
.single #mainSec{
  background: linear-gradient(rgba(239,240,240,0.6), rgba(239,240,240,0.6)),url(../images/theme/pattern_bg02.png);
}
.single .breadcrumb{
  width: 94%;
  margin: 0 auto;
  font-size: 3vw;
  color: #535353;
  padding: 3vw 0;
  line-height: 1.8;
}
.single .breadcrumb a{
  color: #535353;
  text-decoration: underline;
}
.single .post_box{
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
  padding-top: 0;
}
.single .page_navi {
  display: flex;
  justify-content: space-between;
  padding: 4vw 0;
}
.single .page_navi div a{
  text-align: center;
  display: block;
  color: #535353;
  border: 1px solid #dbdbdb;
  padding: 2vw 4vw;
  background: #fff;
}
.single .page_navi div a:hover{
  text-decoration: none;
  background: #efefef;
}
.single_report .header .num{
  background:url(../images/theme/green_ribon.png) no-repeat right bottom;
  background-size: 10vw;
}
.single_training .header .num{
  background:url(../images/theme/blue_ribon.png) no-repeat right bottom;
  background-size: 10vw;
}
/*---ここまでsingle記事共通---------------------------------*/

/*-----------------
会員限定
-----------------*/
.single_report .post_bottom{
  padding: 0 3vw 0 3vw;
  background: #fff;
}
.single_report .limited_box{
  background: #f1f1f1;
  padding: 7vw 2vw 5vw;
  position: relative;
  margin-bottom: 5vw;
}
.single_report .limited_box h5{
  color: #009872;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3em;
  transform: translateY(-50%) translateX(1em);
  font-size: 7vw;
}
.single_report .limited_box p{
  text-align: center;
}
.single_report .limited_box .login_box,
.single_report .limited_box .pdf_btn{
  width: 94%;
  margin: 0 auto;
}
.single_report .limited_box .login_box{
    margin-top: 4vw;
    margin-bottom: 5vw;
    overflow: hidden;
}
.single_report .limited_box .login_box li{
  width: 100%;
}
.single_report .limited_box .login_box li:first-child{
  margin-bottom: 2vw;
}
.single_report .limited_box .login_box li a,
.single_report .limited_box .pdf_btn a{
  display: block;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 4vw 0;
  color: #009872;
  font-size: 6vw;
  border: 1px solid #e6e6e6;
}
.single_report .limited_box .pdf_btn a{
  padding: 4vw 4vw 4vw 13vw;
}
.single_report .limited_box .pdf_btn a span{
  font-size: 4.375vw;
  display: block;
}
.single_report .limited_box .login_box li a{
  background-image: url(../images/theme/arrow_double.png);
  background-repeat: no-repeat;
  background-position: left 5vw center;
}
.single_report .limited_box .pdf_btn a{
  background-image: url(../images/theme/pdf_ico.png);
  background-repeat: no-repeat;
  background-position: left 4vw center;
}
.single_report .limited_box .login_box li a:hover,
.single_report .limited_box .pdf_btn a:hover{
  background-color: #e6e6e6;
  text-decoration: none;
}
.single_report .limited_box .not_btn {
  background-color: #c6c6c6;
  background-image:none;
  color: #e6e6e6;
  text-align: center;
  padding: 4vw;
  font-size: 6vw;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}
/*-----------------
会員限定
-----------------*/
.single_training .limited_box{
  background: #f1f1f1;
  padding: 7vw 2vw 5vw;
  position: relative;
  margin: 10vw 0;
}
.single_training .limited_box h5{
  color: #4d6ba9;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3em;
  transform: translateY(-50%) translateX(1em);
  font-size: 7vw;
}
.single_training .limited_box p{
  text-align: center;
}
.single_training .limited_box .login_box,
.single_training .limited_box .pdf_btn{
  width: 94%;
  margin: 0 auto;
}
.single_training .limited_box .login_box{
    margin-top: 4vw;
    margin-bottom: 5vw;
    overflow: hidden;
}
.single_training .limited_box .login_box li{
  width: 100%;
}
.single_training .limited_box .login_box li:first-child{
  margin-bottom: 2vw;
}
.single_training .limited_box .login_box li a,
.single_training .limited_box .pdf_btn a{
  display: block;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 4vw 0;
  color: #4d6ba9;
  font-size: 6vw;
  border: 1px solid #e6e6e6;
}
.single_training .limited_box .pdf_btn a{
  padding: 4vw 4vw 4vw 13vw;
}
.single_training .limited_box .pdf_btn a span{
  font-size: 4.375vw;
  display: block;
}
.single_training .limited_box .login_box li a{
  background-image: url(../images/theme/arrow_double.png);
  background-repeat: no-repeat;
  background-position: left 5vw center;
}
.single_training .limited_box .pdf_btn a{
  background-image: url(../images/theme/pdf_ico.png);
  background-repeat: no-repeat;
  background-position: left 4vw center;
}
.single_training .limited_box .login_box li a:hover,
.single_training .limited_box .pdf_btn a:hover{
  background-color: #e6e6e6;
  text-decoration: none;
}
.single_training .limited_box .not_btn {
  background-color: #c6c6c6;
  background-image:none;
  color: #e6e6e6;
  text-align: center;
  padding: 4vw;
  font-size: 6vw;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}
/*--------------------*
動画
*--------------------*/
#movie{
  background: linear-gradient(rgba(240, 240, 240, 0.5), rgba(158, 158, 158, 0.5)),url(../images/theme/pattern_bg02.png);
  border-top: 4px solid #4b4948;
}
#movie .in_bdy {
  width: 94%;
  margin: 0 auto;
  padding: 4vw 0;
}
#movie .in_bdy .head_box {
  overflow: hidden;
  margin-bottom: 3vw;
}
#movie .in_bdy .titile_area {
  background-image: url(../images/theme/movie_ico.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 13%;
  padding-left: 16%;
}
#movie .in_bdy h2 {
  font-size: 7vw;
  font-weight: normal;
  word-break: break-all;
}
#movie .in_bdy .titile_area p {
  font-size: 4.375vw;
  color: #000;
  margin-top: 1vw;
}
#movie .in_bdy .movie_box dl{
  margin: 5vw 0;
}
#movie .in_bdy .movie_box dl dt{
  font-size: 4.5vw;
/*  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);*/
  margin-bottom: 1vw;
  font-weight: bold;
}
#movie .in_bdy .movie_box dl dd.douga img{
  border-radius: 10px;
  border: 1vw solid #000;
}
#movie .in_bdy .movie_box dl dd.bnr{
  width: 80%;
  margin: 2vw auto;
}
/*プラグインCSSカスタマイズ*/
.featherlight .featherlight-inner {
  width: 100%!important;
  height: initial!important;
}
.featherlight .featherlight-content {
  background: #3f3f3f!important;
  border-radius: 10px;
}
/*--------------------*
ログイン/マイページ
*--------------------*/
.frontend-user-admin-login {
  padding: 0!important;
  margin: 0 auto!important;
}
.frontend-user-admin-login #user_login,
.frontend-user-admin-login #user_pass{
  margin: 1vw 0 5vw;
}
.frontend-user-admin-login table{
  width: 100%;
  font-size: 4.375vw;
}
.frontend-user-admin-login tr:nth-child(even) {background:#fff;color:#000;}
.frontend-user-admin-login tr:nth-child(odd) { background:#f8f8f8;color:#000;}
.frontend-user-admin-login .form-table td,
.frontend-user-admin-login .form-table th{
  padding: 2vw!important;
  font-weight: normal!important;
}
.frontend-user-admin-login .form-table .required{
  display: inline-block;
}
.frontend-user-admin-login .form-table tr{
  border: 1px solid #eeeeee;
  box-sizing: border-box;
}
.frontend-user-admin-login .input{
  width: auto!important;
  padding: 2vw 2vw!important;
}
.frontend-user-admin-login .select{
  width: 98% !important;
  padding: 3vw 2vw!important;
}
.frontend-user-admin-login input[type="text"],
.frontend-user-admin-login input[type="password"],
.frontend-user-admin-login select{
   background-color: #fcfcfc;
}
.frontend-user-admin-login input[name="address1"],
.frontend-user-admin-login input[name="address2"] {
    width: 98% !important;
}
.frontend-user-admin-login .submit {
    padding: 3vw 0!important;
}
.frontend-user-admin-login input[type="submit"]{
  background-color: #d11b1b;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  margin-top: 4vw;
  width: 100%;
  cursor: pointer;
  font-size: 5vw;
  font-weight: bold;
  transition: background-color 0.3s ease-out;
}
.frontend-user-admin-login input[type="submit"]:hover{
  background-color: #333333;
}
.frontend-user-admin-login ul,
.fua_menu_list{
  overflow: hidden;
  margin-top: 3vw;
}
.fua_menu_list{
  margin-bottom: 3vw;
}
.frontend-user-admin-login li,
.fua_menu_list li{
  width: 100%;
}
.frontend-user-admin-login li:first-child,
.fua_menu_list li:first-child{
  margin-bottom: 2vw;
}
.frontend-user-admin-login li a,
.fua_menu_list li a{
  color: #d11b1b;
  display: block;
  text-align: center;
  border: solid 1px #aaa;
  border-radius: 5px;
  padding: 2vw 0;
  background: #fff;
  font-size: 5vw;
}
.frontend-user-admin-login li a:hover,
.fua_menu_list li a:hover{
  text-decoration: none;
  background: #efefef;
}
.frontend-user-admin-login div.message {
    margin: 5vw auto!important;
}
.withdrawal{
  padding: 5vw 0 4vw;
  text-align: center;
  font-size: 4.375vw;
}
.frontend-user-admin-login .required {
  display: block!important;
}
.withdrawal a{
  color: #747474;
  text-decoration: underline;
}