.contents_in{
  padding:0;
}

.head_wrapper{
  background-color:#003399;
  color:#ffffff;
  position: fixed;
  width: 100%;
  top: 50px;
  z-index: 2;
}
@media screen and (max-width: 767px){
  .head_wrapper{
    top: 48px;
  }
}

.head_wrapper_in{
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-sizing:border-box;
  max-width:960px;
  width:100%;
  margin:0 auto;
  padding:16px;
}

.head_wrapper_in > div{
  display:flex;
  flex-direction:row;
  justify-content:stretch;
  align-items:center;
}

.head_wrapper_in > div > h1{
  margin-right:36px;
  font-size:36px;
}

.head_wrapper_in > div > p{
  font-size:14px;
}

@media screen and (max-width: 600px){
  .head_wrapper_in{
    padding:12px 16px;
  }

  .head_wrapper_in > div > h1{
    margin-right:16px;
    font-size:5vw;
    font-weight:bold;
  }

  .head_wrapper_in > div > p{
    flex:1 0 0%;
    line-height:1.5;
  }
}

.kamban{
  margin-top: 68px;
}
@media screen and (max-width: 767px){
  .kamban{
    margin-top: 66px;
  }
}
@media screen and (max-width: 600px){
  .kamban{
    margin-top: calc(22px + 5vw);
  }
}

.kamban_in > div{
  background-image:url("./../images/kamban_bg.jpg");
  background-size:cover;
  background-position:center;
  padding-top:2vw;
  padding-bottom:1.5vw;
}

.kamban_in > div > h1{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  box-sizing:border-box;
}

.kamban_in > div > h1 > img{
  width:100%;
}

.kamban_in > div > ul{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  margin-top:8px;
}

.kamban_in > div > ul > li{
  position:relative;
  margin-left:16px;
}

.kamban_in > div > ul > li:first-child{
  margin-left:0;
}

.kamban_in > div > ul > li:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #ffffff;
  border-radius:5px;
  z-index: 0;
}

.kamban_in > div > ul > li > a{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  position:relative;
  z-index:1;
  padding:12px 16px;
  font-size:16px;
  border-radius:5px;
  background: rgb(81,105,153);
  background: -moz-linear-gradient(top,  rgba(81,105,153,1) 0%, rgba(0,51,153,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(81,105,153,1) 0%,rgba(0,51,153,1) 100%);
  background: linear-gradient(to bottom,  rgba(81,105,153,1) 0%,rgba(0,51,153,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516999', endColorstr='#003399',GradientType=0 );
  color:#ffffff;
}

.kamban_in > div > ul > li > a:hover,
.kamban2_in > div > div > a:hover{
  text-decoration:none;
}
.kamban2_in > div > div > a > p > img{
  height: 150px;
}

@media screen and (min-width: 1024px){
  .kamban_in > div > ul > li > a:hover{
    opacity:0.75;
  }
}

.kamban_in > div > ul > li > a > *{
  margin-left:8px;
}

.kamban_in > div > ul > li > a > *:first-child{
  margin-left:0;
}

.kamban_in > div > ul > li > a > p{
  margin-top:1px;
}

.kamban2{
  padding:40px 0;
}

.kamban2_in > div > *{
  margin-top:24px;
}

.kamban2_in > div > *:first-child{
  margin-top:0;
}

.kamban2_in > div > h1{
  text-align:center;
  font-weight:bold;
  font-size:48px;
  color:#003499;
}

.kamban2_in > div > h2{
  line-height:1.5;
  text-align:center;
  font-size:24px;
}

.kamban2_in > div > p{
  text-align:center;
}

.kamban2_in > div > p img{
}

.kamban3{
  padding-top:10px;
  padding-bottom:40px;
  background-color:#003690;
  background-image:url("./../images/main2405bg.jpg");
  background-size:cover;
  background-position:center;
}

.kamban3_in{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.kamban3_in > *{
  margin-top:24px;
}

.kamban3_in > *:first-child{
  margin-top:0;
}

.kamban3_main{
  position:relative;
  max-width:1024px;
  width:100%;
  height:668px;
  background-image:url(./../images/f8vps-top.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
}

.kamban3_bubble{
  position:absolute;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
  transform: scale(0);
  -webkit-transform: scale(0);
}

.kamban3_bubble.active{
  animation: bounce 0.3s ease-in-out both;
}

.kamban3_bubble.fuwafuwa{
  animation: fuwafuwa 2s ease-in-out 1s alternate infinite both;
}

@keyframes bounce {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  90% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
  95% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes fuwafuwa {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(0, -8px)
  }
}

#kamban3Bubble_1{
  top:150px;
  left:457px;
  width:109px;
}

#kamban3Bubble_2{
  top:15px;
  left:290px;
  width:185px;
}

#kamban3Bubble_3{
  top:35px;
  left:550px;
  width:153px;
}

#kamban3Bubble_4{
  top:80px;
  left:50px;
  width:267px;
}

#kamban3Bubble_5{
  top:60px;
  left:710px;
  width:203px;
}

#kamban3Bubble_6{
  top:300px;
  left:0;
  width:254px;
}

#kamban3Bubble_7{
  top:230px;
  left:846px;
  width:178px;
}

#kamban3Bubble_8{
  top:435px;
  left:125px;
  width:220px;
}

#kamban3Bubble_9{
  top:380px;
  left:790px;
  width:183px;
}

#kamban3Bubble_10{
  top:557px;
  left:310px;
  width:111px;
}

#kamban3Bubble_11{
  top:424px;
  left:620px;
  width:205px;
}

#kamban3Bubble_12{
  top:420px;
  left:418px;
  width:202px;
}

.kamban3_in > div > h1{
  text-align:center;
  font-size:36px;
  font-weight:bold;
  color:#ffffff;
}

.kamban3_in > div > h2{
  margin-top:24px;
  line-height:1.5;
  text-align:center;
  font-size:22px;
  color:#ffffff;
}

.kamban3_in > div > p{
  margin-top:8px;
  text-align:center;
}

@media screen and (max-width: 1024px){
  .kamban3_main{
    background-size:contain;
    height:calc((100vw - 2rem) * 0.6547);
  }

  #kamban3Bubble_1{
    top:calc((100vw - 2rem) * 0.14);
    left:calc((100vw - 2rem) * 0.45);
    width:10.65%;
  }

  #kamban3Bubble_2{
    top:0;
    left:calc((100vw - 2rem) * 0.29);
    width:18.07%;
  }

  #kamban3Bubble_3{
    top:calc((100vw - 2rem) * 0.03);
    left:calc((100vw - 2rem) * 0.535);
    width:14.95%;
  }

  #kamban3Bubble_4{
    top:calc((100vw - 2rem) * 0.06);
    left:calc((100vw - 2rem) * 0.05);
    width:26.08%;
  }

  #kamban3Bubble_5{
    top:calc((100vw - 2rem) * 0.0625);
    left:calc((100vw - 2rem) * 0.695);
    width:19.83%;
  }

  #kamban3Bubble_6{
    top:calc((100vw - 2rem) * 0.28);
    left:0;
    width:24.81%;
  }

  #kamban3Bubble_7{
    top:calc((100vw - 2rem) * 0.225);
    left:calc((100vw - 2rem) * 0.82);
    width:17.39%;
  }

  #kamban3Bubble_8{
    top:calc((100vw - 2rem) * 0.415);
    left:calc((100vw - 2rem) * 0.11);
    width:21.49%;
  }

  #kamban3Bubble_9{
    top:calc((100vw - 2rem) * 0.37);
    left:calc((100vw - 2rem) * 0.775);
    width:17.88%;
  }

  #kamban3Bubble_10{
    top:calc((100vw - 2rem) * 0.53);
    left:calc((100vw - 2rem) * 0.29);
    width:10.84%;
  }

  #kamban3Bubble_11{
    top:calc((100vw - 2rem) * 0.4);
    left:calc((100vw - 2rem) * 0.6);
    width:20.02%;
  }

  #kamban3Bubble_12{
    top:calc((100vw - 2rem) * 0.4);
    left:calc((100vw - 2rem) * 0.4);
    width:19.73%;
  }

  .kamban3_in > div > h1{
    font-size:3.5vw;
  }

  .kamban3_in > div > h2{
    font-size:2.25vw;
  }
}

@media screen and (max-width: 1023px){
.kamban_in > div > ul > li{
  position:relative;
  margin-left:5px;
}
  .kamban_in > div > ul > li{
    width:200px;
    margin-top:8px;
  }

  .kamban_in > div > ul > li:first-child{
    width:145px;
    margin-left:0;
  }
  .kamban_in > div > ul > li:last-child{
    width:180px;
  }

  .kamban_in > div > ul > li > a > p{
	font-size: 13px;
  }	
  .kamban2_in > div > div > a > p > img{
    height: 100px;
  }
}
@media screen and (max-width: 768px){
  .kamban2_in > div > h2{
    font-size:2.25vw;
  }
}

@media screen and (max-width: 600px){
  .kamban_in > div > ul{
    flex-direction:column;
  }

  .kamban_in > div > ul > li{
    width:230px;
    margin-top:8px;
    margin-left:0;
  }

  .kamban_in > div > ul > li:first-child{
    width:230px;
    margin-top:0;
  }

  .kamban_in > div > ul > li:last-child{
    width:230px;
  }

  .kamban_in > div > ul > li > a{
    justify-content:flex-start;
  }

  .kamban_in > div > ul > li > a > p{
    flex:1 0 0%;
    padding-right:5px;
    text-align:center;
  }

  .kamban3{
    padding-top:40px;
    padding-bottom:40px;
  }

  .kamban2_in > div > h1{
    font-size:5.5vw;
  }

  .kamban2_in > div > h2,
  .kamban3_in > div > h2{
    font-size:4vw;
  }

  .kamban2_in > div > h2 br,
  .kamban3_in > div > h2 br{
    display:none;
  }

  .kamban3_in > div > h1{
    font-size:5.5vw;
    line-height:7.25vw;
  }

}

.main_contents_in > *{
  padding:40px 0;
}

.main_contents_function{
  background-color:#F1E0D9;
}

.main_contents_function > *{
  padding-top:40px;
}

.main_contents_function > *:first-child{
  padding-top:0;
}

.main_contents_standard,
.main_contents_option{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.main_contents_standard_title_wrap{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}

.main_contents_standard_title,
.main_contents_option_title{
  box-sizing:border-box;
  max-width:1024px;
  width:100%;
  padding:9px 0 7px 8px;
  border-left:10px solid #990099;
}

.main_contents_standard_title{
  flex:1 0 0%;
}

.main_contents_standard_title > h2,
.main_contents_option_title > h2{
  margin-bottom:8px;
  font-size:20px;
}

.main_contents_standard_title > h1,
.main_contents_option_title > h1{
  font-size:40px;
  font-weight:bold;
  color:#990099;
}

.main_contents_standard_price{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 16px;
  background-color:#ffffff;
}
.main_contents_standard_price > *{
  margin-top:12px;
}
.main_contents_standard_price > *:first-child{
  margin-top:0;
}
.main_contents_standard_price > div{
  display:flex;
  flex-direction:row;
  align-items:center;
  width:100%;
}
.main_contents_standard_price > div > *{
  margin-left:16px;
}
.main_contents_standard_price > div > *:first-child{
  margin-left:0;
}
.main_contents_standard_price > div > h3{
  width:7em;
}
.main_contents_standard_price > div > p{
  flex:1 0 0%;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
}
.main_contents_standard_price > div > p > span{
  font-size:20px;
  font-weight:bold;
  text-align: end;
}

.main_contents_standard_main,
.main_contents_option_main{
  max-width:1024px;
  width:100%;
}

.main_contents_standard_main > *,
.main_contents_option_main > *{
  margin-top:40px;
}

.main_contents_standard_main > *:first-child,
.main_contents_option_main > *:first-child{
  margin-top:0;
}

.main_contents_standard_main > div > h3,
.main_contents_option_main > div > h3{
  padding:9px 0 7px 16px;
  background-color:#990099;
  font-size:24px;
  font-weight:bold;
  color:#ffffff;
}

.main_contents_standard_main > div > ul,
.main_contents_option_main > div > ul{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  max-width:1024px;
}

.main_contents_option_main > div > ul{
  margin-top:-16px;
}

.main_contents_standard_main > div > ul > li,
.main_contents_option_main > div > ul > li{
  box-sizing:border-box;
  width:calc(50% - 16px);
  margin-top:40px;
  margin-left:16px;
  background-position:top center;
  background-size:auto 394px;
  background-repeat:no-repeat;
}

.main_contents_standard_main > div > ul > li:nth-child(odd),
.main_contents_option_main > div > ul > li:nth-child(odd){
  margin-left:0;
}

[data-standard-background="spaceshare"]{
  background-image:url(./../images/image_standard_spaceshare2.png);
}

[data-standard-background="login"]{
  background-image:url(./../images/image_standard_login2.png);
}

[data-standard-background="webmeeting"]{
  background-image:url(./../images/image_standard_webmeeting2.png);
}

[data-standard-background="vrmode"]{
  background-image:url(./../images/image_standard_vrmode.png);
}

[data-standard-background="log"]{
  background-image:url(./../images/image_log.png);
}

[data-standard-background="shade3d"]{
  background-image:url(./../images/image_standard_shade3d.png);
}

[data-standard-background="editor"]{
  background-image:url(./../images/image_shade3d-e.png);
}

[data-option-background="health"]{
  background-image:url(./../images/image_option_health.png);
}

[data-option-background="groupware"]{
  background-image:url(./../images/image_option_groupware.png);
}

[data-option-background="ec"]{
  background-image:url(./../images/image_option_ec.png);
}

[data-option-background="vote"]{
  background-image:url(./../images/image_option_vote.png);
}

.main_contents_standard_main > div > ul > li > h4,
.main_contents_option_main > div > ul > li > h4{
  padding:9px 0 7px 8px;
  border-left:6px solid #990099;
  font-size:24px;
  font-weight:bold;
}

.main_contents_standard_main_main,
.main_contents_option_main_main{
  margin-top:316px;
  line-height:1.5;
  font-size:14px;
}

.main_contents_standard_main_main > *,
.main_contents_option_main_main > *{
  margin-top:8px;
}

.main_contents_standard_main_main > *:first-child,
.main_contents_option_main_main > *:first-child{
  margin-top:8px;
}

.main_contents_standard_main_main > h5,
.main_contents_option_main_main > h5{
  text-align:center;
  font-size:18px;
  font-weight:bold;
}

.main_contents_standard_main_notice,
.main_contents_option_main_notice{
  background-color:#ffffff;
  border:4px solid #990099;
  border-radius:20px;
}

.main_contents_standard_main_notice_in,
.main_contents_option_main_notice_in{
  padding:20px;
}

.main_contents_standard_main_notice_in > *,
.main_contents_option_main_notice_in > *{
  margin-top:16px;
}

.main_contents_standard_main_notice_in > *:first-child,
.main_contents_option_main_notice_in > *:first-child{
  margin-top:0;
}

.main_contents_standard_main_notice_in > h3,
.main_contents_option_main_notice_in > h3{
  font-size:24px;
  font-weight:bold;
  color:#990099;
}

.main_contents_standard_main_notice_in > p,
.main_contents_option_main_notice_in > p{
  line-height:1.5;
  font-size:14px;
}

.main_contents_case,
.main_contents_showroom,
.main_contents_virtualoffice,
.main_contents_campus{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  font-size:14px;
}

.main_contents_case_button{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  -webkit-touch-callout:none;
  max-width:100%;
  width:300px;
  margin-right:auto;
  margin-left:auto;
  padding:12px 0;
  border-radius:5px;
  background: rgb(81,105,153);
  background: -moz-linear-gradient(top,  rgba(81,105,153,1) 0%, rgba(0,51,153,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(81,105,153,1) 0%,rgba(0,51,153,1) 100%);
  background: linear-gradient(to bottom,  rgba(81,105,153,1) 0%,rgba(0,51,153,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516999', endColorstr='#003399',GradientType=0 );
  font-size:20px;
  color:#ffffff;
}
.main_contents_campus_button{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  -webkit-touch-callout:none;
  max-width:100%;
  width:450px;
  margin-right:auto;
  margin-left:auto;
  padding:12px 0;
  border-radius:5px;
  background: rgb(81,105,153);
  background: -moz-linear-gradient(top,  rgba(81,105,153,1) 0%, rgba(0,51,153,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(81,105,153,1) 0%,rgba(0,51,153,1) 100%);
  background: linear-gradient(to bottom,  rgba(81,105,153,1) 0%,rgba(0,51,153,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516999', endColorstr='#003399',GradientType=0 );
  font-size:20px;
  color:#ffffff;
}

.main_contents_case_button:hover,
.main_contents_campus_button:hover{
  text-decoration:none;
}

.icon{
	display: flex;
	margin: 0.5rem 0 0 0.75rem;
}
.icon > div{
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
	line-height: 1.25rem;
}
.icon > div:first-child{
	padding: 0 0.5rem 0 0;
	width: 20px;
	text-align: center;
}

@media screen and (min-width: 1024px){
  .main_contents_case_button:hover{
    opacity:0.75;
  }
}

.main_contents_case_button > span,
.main_contents_campus_button > span{
  margin-top:0.125em;
  margin-left:4px;
  font-weight:bold;
}

.main_contents_case_button > i,
.main_contents_campus_button > i{
  font-size:32px;
}

.main_contents_case > *{
  margin-top:40px;
}

.main_contents_case > *:first-child{
  margin-top:0;
}

.main_contents_case > h3,
.main_contents_showroom_main,
.main_contents_virtualoffice_main,
.main_contents_campus_main{
  max-width:1024px;
  width:100%;
}


.main_contents_case > h3{
  box-sizing:border-box;
  padding:9px 0 7px 16px;
  background-color:#003399;
  font-size:24px;
  font-weight:bold;
  color:#ffffff;
}

.main_contents_case > h3 + *{
  margin-top:24px;
}

.main_contents_virtualoffice,
.main_contents_campus{
  position:relative;
  padding-top:44px;
}

.main_contents_virtualoffice:before,
.main_contents_campus:before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  width:60px;
  height:4px;
  border-radius:2px;
  background-color:#003399;
}

.main_contents_showroom_main > dl > *,
.main_contents_campus_main > dl > *{
  margin-top:16px;
}

.main_contents_virtualoffice_main > dl > *{
  margin-top:16px;
}

.main_contents_showroom_main > dl > *:first-child,
.main_contents_virtualoffice_main > dl > *:first-child,
.main_contents_campus_main > dl > *:first-child{
  margin-top:0;
  text-align:center;
}

.main_contents_showroom_main > dl > dt,
.main_contents_virtualoffice_main > dl > dt,
.main_contents_campus_main > dl > dt{
  font-size:24px;
  font-weight:bold;
  color:#003399;
}

.main_contents_showroom_main > dl > dd > *,
.main_contents_campus_main > dl > dd > *{
  margin-top:16px;
}

.main_contents_virtualoffice_main > dl > dd > *{
  margin-top:40px;
}

.main_contents_showroom_main > dl > dd > *:first-child,
.main_contents_virtualoffice_main > dl > dd > *:first-child,
.main_contents_campus_main > dl > dd *:first-child{
  margin-top:0;
}

.main_contents_virtualoffice_main > dl > dd > dl > *{
  margin-top:16px;
}

.main_contents_virtualoffice_main > dl > dd > dl > *:first-child{
  margin-top:16px;
}

.main_contents_virtualoffice_main > dl > dd > dl > dt{
  font-size:20px;
  font-weight:bold;
}

.main_contents_virtualoffice_main > dl > dd > dl > dd > *{
  margin-top:40px;
}

.main_contents_virtualoffice_main > dl > dd > dl > dd > *:first-child{
  margin-top:0;
}

.main_contents_showroom_main > dl > dd > p,
.main_contents_campus_main > dl > dd > p{
  line-height:1.5;
}

.main_contents_virtualoffice_main_wrap{
  display:flex;
  flex-direction:row;
}

.main_contents_virtualoffice_main_wrap > *{
  flex:1 0 0%;
  margin-left:32px;
}

.main_contents_virtualoffice_main_wrap > *:first-child{
  margin-left:0;
}

.main_contents_virtualoffice_main_left > dl > *,
.main_contents_virtualoffice_main_right > dl > *{
  margin-top:16px;
}

.main_contents_virtualoffice_main_left > dl > *:first-child,
.main_contents_virtualoffice_main_right > dl > *:first-child{
  margin-top:0;
}

.main_contents_virtualoffice_main_mapinfo > *{
  margin-top:16px;
}

.main_contents_virtualoffice_main_mapinfo > *:first-child{
  margin-top:0;
}

.main_contents_virtualoffice_main_mapinfo > p{
  line-height:1.5;
}

.main_contents_virtualoffice_main_mapinfo_wrap{
  display:flex;
  flex-direction:row;
  justify-content:space-around;
  justify-content:space-between;
  align-items:stretch;
}

.main_contents_virtualoffice_main_mapinfo_wrap > p:last-child{
  margin-left:16px;
}

.main_contents_virtualoffice_main_left > dl > dt,
.main_contents_virtualoffice_main_right > dl > dt{
  padding:9px 0 7px 8px;
  border-left:5px solid #003399;
  font-weight:bold;
  font-size:18px;
}

.main_contents_virtualoffice_main_left_box{
  box-sizing:border-box;
  border-radius:20px;
  border:4px solid #003399;
  padding:16px;
}

.main_contents_virtualoffice_main_left_box > dl > dt{
  position:relative;
  margin-bottom:16px;
  text-align:center;
  font-size:16px;
  font-weight:bold;
}

.main_contents_virtualoffice_main_left_box > dl > dt:after{
  content:"";
  position:absolute;
  bottom:-16px;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  width:60px;
  height:4px;
  border-radius:2px;
  background-color:#003399;
}

.main_contents_virtualoffice_main_left_box > dl > dd{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  margin-left:-1rem;
  padding-top:8px;
}

.main_contents_virtualoffice_main_left_box > dl > dd > dl{
  margin-left:1rem;
}

.main_contents_virtualoffice_main_left_box > dl > dd > dl,
.main_contents_virtualoffice_main_left > dl > dd:not(.main_contents_virtualoffice_main_left_box) > dl,
.main_contents_virtualoffice_main_right > dl > dd:not(.main_contents_virtualoffice_main_right_box) > dl{
  display:flex;
  flex-direction:row;
}

.main_contents_virtualoffice_main_left_box > dl > dd > dl > dt,
.main_contents_virtualoffice_main_left > dl > dd:not(.main_contents_virtualoffice_main_left_box) > dl > dt,
.main_contents_virtualoffice_main_right > dl > dd:not(.main_contents_virtualoffice_main_right_box) > dl > dt{
  line-height:1.5;
}

.main_contents_virtualoffice_main_left_box > dl > dd > dl > dd > p,
.main_contents_virtualoffice_main_left > dl > dd:not(.main_contents_virtualoffice_main_left_box) > dl > dd > p,
.main_contents_virtualoffice_main_right > dl > dd:not(.main_contents_virtualoffice_main_right_box) > dl > dd > p{
  line-height:1.5;
}

@media screen and (max-width: 1024px){
  .main_contents_virtualoffice_main_wrap > *{
    margin-left:16px;
  }
}

@media screen and (max-width: 826px){
  .main_contents_standard_price > div > p{
    flex-direction:column;
  }
}

@media screen and (max-width: 768px){
  .main_contents_standard_title_wrap{
    flex-direction:column;
  }

  .main_contents_standard_price{
    width:347px;
    margin:16px auto 0;
    padding:12px 16px;
  }

  .main_contents_standard_price > div > p{
    flex-direction:row;
  }

  .main_contents_standard_main > div > ul > li,
  .main_contents_option_main > div > ul > li{
    width:calc(50% - 8px);
    background-size: auto 240px;
  }

  .main_contents_standard_main_main,
  .main_contents_option_main_main{
    margin-top:170px;
  }

  .main_contents_virtualoffice_main > dl > dd > dl > dd > *{
    margin-top:24px;
  }
  .main_contents_virtualoffice_main_wrap{
    flex-direction:column;
  }

  .main_contents_virtualoffice_main_wrap > *{
    margin-left:0;
    margin-top:40px;
  }

  .main_contents_virtualoffice_main_wrap > *:first-child{
    margin-top:0;
  }
}

@media screen and (max-width: 600px){
  .main_contents_case > h3{
    font-size:5.5vw;
  }

  .main_contents_standard_title > h1,
  .main_contents_option_title > h1{
    font-size:5.5vw;
  }

  .main_contents_standard_title > h2,
  .main_contents_option_title > h2{
    font-size:3.5vw;
  }

  .main_contents_virtualoffice{
/*
    border-top:5px solid #003399;
    padding-top:24px;
*/
  }

  .main_contents_standard_main > div > ul,
  .main_contents_option_main > div > ul{
    flex-direction:column;
  }

  .main_contents_standard_main > div > ul > li,
  .main_contents_option_main > div > ul > li{
    width:100%;
    margin-left:0;
    margin-right:0;
    background-size:95% auto;
  }

  .main_contents_standard_main > div > ul > li > h4,
  .main_contents_option_main > div > ul > li > h4{
    font-size:4.5vw;
  }

  .main_contents_standard_main_main,
  .main_contents_option_main_main{
    margin-top:calc((100vw - 32px) * 0.775);
  }

  .main_contents_standard_main_main > h5,
  .main_contents_option_main_main > h5{
    font-size:4.25vw;
  }

  .main_contents_showroom_main > dl > *:first-child,
  .main_contents_virtualoffice_main > dl > *:first-child,
  .main_contents_campus_main > dl > *:first-child{
    font-size:5.5vw;
  }

  .main_contents_virtualoffice_main_left > dl > *:first-child,
  .main_contents_virtualoffice_main_right > dl > *:first-child{
    line-height:1.5;
    font-size:4.25vw;
  }

  .main_contents_virtualoffice_main > dl > dd > dl > dt{
    font-size:5vw;
  }

  .main_contents_standard_main_notice_in,
  .main_contents_option_main_notice_in{
    padding:20px 1rem;
  }

  .main_contents_standard_main_notice_in > h3,
  .main_contents_option_main_notice_in > h3{
    font-size:5.5vw;
  }

  .main_contents_standard_main_notice_in > p,
  .main_contents_option_main_notice_in > p{
    margin-top:8px;
  }

  .main_contents_virtualoffice_main_left_box > dl > dt{
    font-size:4.5vw;
  }

  .main_contents_campus_button{
    width:300px;
  }

  .main_contents_campus_button > span > span{
    display:none;
  }
}

@media screen and (max-width: 406px){
  .main_contents_standard_price{
    max-width:100%;
    width:auto;
  }

  .main_contents_standard_price > div > p{
    flex-direction:column;
    align-items:flex-start;
  }
}

.kamban2,
.kamban3,
.main_contents_standard,
.main_contents_option,
.main_contents_case{
  box-sizing:border-box;
  padding-right:1rem;
  padding-left:1rem;
}

/*サンプル*/
.sample_titile{
background-color: #003499;
padding: 0.5rem; 
font-size: 14px;
color: #ffffff;
line-height: 1.25rem;
}
.sample_detail{
background-color: #D8D8D8;
padding: 0.5rem; 
font-size: 12px;
color: #000000;
line-height: 1.25rem;
}
.line_split{
display:flex;
flex-direction:row;
max-width: 1024px;
}
.line_split > *{
margin-left:1rem;
}
.line_split > *:first-child{
margin-left:0;
}
.align_top{
align-items:flex-start!important;
}
.align_middle{
align-items:center!important;
}
.align_bottom{
align-items:flex-end!important;
}
.align_left{
justify-content:flex-start!important;
}
.align_center{
justify-content:center!important;
}
.align_right{
justify-content:flex-end!important;
}
.switch_direction{
flex-direction:row;
}
.line_split.image_list img{
object-fit:cover;
width:100%;
}
.line_split.two_parts,
.line_split.three_parts,
.line_split.three_parts2,
.line_split.four_parts{
flex-wrap:wrap;
margin-left:-1rem;
}
.line_split.two_parts > *{
width:calc((100% - 2rem) / 2.001);
margin-left:1rem;
}
.line_split.three_parts > *{
width:calc((100% - 3rem) / 3.001);
margin-left:1rem;
}
.line_split.three_parts2 > *{
width:calc((100% - 3rem) / 3.001);
margin-left:1rem;
}
.line_split.four_parts > *{
width:calc((100% - 4rem) / 4.001);
margin-left:1rem;
}
.line_split.four_parts > *:nth-child(n + 5){
margin-top:16px;
}

@media screen and (max-width: 1024px) {
  .switch_direction{
    flex-direction:column;
  }
  .switch_direction > *{
    margin-left:0;
    margin-top:16px;
  }
  .switch_direction > *:first-child{
    margin-top:0;
  }

  .line_split.two_parts > *{
    width:100%;
  }
  .line_split.two_parts > *:nth-child(n + 2){
    margin-top:16px;
  }
	
  .line_split.four_parts > *{
width:calc((100% - 4rem) / 4.001);
  }
  .line_split.four_parts > *:nth-child(n + 5){
    margin-top:16px;
  }
  .products_current_name{
    font-size:20px;
  }
}

@media screen and (max-width: 599px) {
  .switch_direction{
    flex-direction:column;
  }
  .switch_direction > *{
    margin-left:0;
    margin-top:16px;
  }
  .switch_direction > *:first-child{
    margin-top:0;
  }

  .line_split.two_parts > *{
    width:100%;
  }
  .line_split.two_parts > *:nth-child(n + 2){
    margin-top:16px;
  }

  .line_split.three_parts2 > *{
    width:calc((100% - 2rem) / 2.001);
  }
  .line_split.three_parts2 > *:nth-child(n + 3){
    margin-top:16px;
  }

  .line_split.four_parts > *{
    width:calc((100% - 2rem) / 2.001);
  }
  .line_split.four_parts > *:nth-child(n + 3){
    margin-top:16px;
  }

  .products_current_name{
    font-size:20px;
  }
  .sample_titile{
  font-size: 13px;
  }
}

#sub_menu{
  background:#990099;
  color:#ffffff;
}
#sub_menu.set_fixed{
  position: fixed;
  width:100%;
  z-index:2;
}
#sub_menu > ul{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  padding: 8px 0;
}
#sub_menu > ul > li > a{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  padding:8px 16px;
  font-size:18px;
  color:#ffffff;
}
#sub_menu > ul > li > a:hover{
  text-decoration:none;
}
#sub_menu > ul > li > a > i{
  transform:scale(1.3);
}
#sub_menu > ul > li > a > p{
  padding-left: 0.5em;
  font-weight:bold;
}
@media screen and (max-width: 1023px){
  #sub_menu > ul > li > a{
    padding:6px 12px;
    font-size:15px;
  }
}
@media screen and (max-width: 768px){
  #sub_menu > ul{
    flex-wrap: wrap;
    justify-content:left;
  }
  #sub_menu > ul > li {
    width: 30vw;
  }
  #sub_menu > ul > li > a{
    justify-content:left;
    padding:6px 12px;
    font-size:13px;
  }
}
@media screen and (max-width: 600px){
  #sub_menu > ul{
    padding: 4px 0;
  }
  #sub_menu > ul > li {
    width: 48vw;
  }
  #sub_menu > ul > li > a{
    font-size:12px;
  }
}

.main_contents_caselist{
  padding-top: 1.4em;
  font-size: 14px;
}
.main_contents_caselist h1{
  position: relative;
  margin: 0.3em 0 0.8em;
  width: 100%;
  height: 1.8em;
  font-size: 48px;
  background: #003399;
}
.main_contents_caselist h1 p{
  position: absolute;
  left: 50%;
  margin-left: -4em;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.8;
}
.main_contents_caselist h1 p:before{
  content:'';
  position: absolute;
  top: -0.4em;
  left: -3.4em;
  width: 3em;
  height: 2.6em;
  background: url('../images/caselist_h1.png') no-repeat 0 0;
  background-size: cover;
}
.main_contents_caselist p.caselist_lead{
  margin-bottom: 1.2em;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
.main_contents_caselist h2{
  display: flex;
  align-items: center;
  padding: 1.2em 0 0.8em;
  font-size: 2.1em;
  font-weight: bold;
  color: #003399;
  text-align: center;
}
.main_contents_caselist h2:before,
.main_contents_caselist h2:after{
  content: '';
  height: 2px;
  flex-grow: 1;
  background-color: #003399;
}
.main_contents_caselist h2:before{
  margin-right: 0.5em;
}
.main_contents_caselist h2:after{
  margin-left: 0.5em;
}
.main_contents_caselist .caselist_wrap.v--achive h2{
  color: #990099;
	/*
  text-shadow: 2px 2px 1px #000000
	  */
}
.main_contents_caselist .caselist_wrap.v--achive h2:before,
.main_contents_caselist .caselist_wrap.v--achive h2:after{
  background-color: #990099;
}
.main_contents_caselist_main{
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  padding-right: 4rem;
  padding-left: 4rem;
}
.caselist_wrap{
  padding-bottom: 0.8em;
  background: #cccfd7;
/*
    background: 
    radial-gradient(black 3px, transparent 4px),
    radial-gradient(black 3px, transparent 4px),
    linear-gradient(#cccfd7 4px, transparent 0),
    linear-gradient(45deg, transparent 74px, transparent 75px, #a4a4a4 75px, #a4a4a4 76px, transparent 77px, transparent 109px),
    linear-gradient(-45deg, transparent 75px, transparent 76px, #a4a4a4 76px, #a4a4a4 77px, transparent 78px, transparent 109px),
  #fff;
  background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
  background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
*/

}

.Polka {
  background-image: radial-gradient(#ffffff 1.5px, #cccfd7 1.5px);
  background-size: 10px 10px;
}
.caselist_wrap.v--achive{
  background: #F1E0D9;
}
.main_contents_caselist_main_ul{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 2rem;
  width: 100%;
  margin: 0 auto 2em;
}
.main_contents_caselist_main_ul.v--achive{
  grid-template-columns: 1fr 1fr;
}
.main_contents_caselist_main_ul > li{
  position: relative;
  padding-bottom: 3.6em;
  background: #ffffff;
  border-left: #003399 5px solid;
}
.main_contents_caselist_main_ul.v--achive > li{
  padding-bottom: 0;
  background: #ffffff;
  border-top: #003399 5px solid;
  border-left: none;
}
.main_contents_caselist_main_ul > li > a{
  display: block;
  text-decoration: none;
}
.main_contents_caselist_main_ul > li > a:hover img{
  opacity: 1;
}
.main_contents_caselist_main_ul.v--achive > li > div{
  display: flex;
}
.main_contents_caselist_main_ul .caselist_photo{
  overflow: hidden;
  position: relative;
  height: 10.5vw;
}
.main_contents_caselist_main_ul.v--achive .caselist_photo{
  width: 32vw;
  height: 15vw;
}
.main_contents_caselist_main_ul .caselist_photo img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
.main_contents_caselist_main_ul.v--achive .caselist_txt{
  position: relative;
  padding-bottom: 3.6em;
  width: 50%;
  background: #ffffff;
}
.main_contents_caselist_main_ul h3{
  padding: 0.4em 0.4em;
  font-size: 1.3em;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.4em;
  background: #0066cc;
  background: -moz-linear-gradient(top,  rgba(0,153,255,1) 0%, rgba(0,102,204,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,153,255,1) 0%,rgba(0,102,204,1) 100%);
  background: linear-gradient(to bottom,  rgba(0,153,255,1) 0%,rgba(0,102,204,1) 100%);
  text-shadow: 0.1em 0.1em 0 rgba(0,0,0,0.5);
}
.main_contents_caselist_main_ul p{
  padding: 3% 3% 0 3%;
  color: #000000;
  line-height: 1.3;
}
.main_contents_caselist_main_ul .caselist_btn{
  position: absolute;
  bottom: 0.5em;
  width:94%;
  margin-left:3%;
  padding:0.7em 0;
  font-size:1.1em;
  font-weight: bold;
  color:#ffffff;
  text-align: center;
  border-radius:5px;
  background: rgb(81,105,153);
  background: -moz-linear-gradient(top,  rgba(81,105,153,1) 0%, rgba(0,51,153,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(81,105,153,1) 0%,rgba(0,51,153,1) 100%);
  background: linear-gradient(to bottom,  rgba(81,105,153,1) 0%,rgba(0,51,153,1) 100%);
}
.main_contents_caselist_main_ul .caselist_btn i{
  padding-right: 0.3em;
  transform: scale(1.3);
}
.main_contents_caselist_main_ul.v--achive .caselist_btn{
  left:50%;
  margin-left: -9vw;
  width: 18vw;
}
@media screen and (max-width: 1650px){
  .main_contents_caselist_main_ul{
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .main_contents_caselist_main_ul.v--achive > li{
    padding-bottom: 3.6em;
    border-top: none;
    border-left: #003399 5px solid;
  }
  .main_contents_caselist_main_ul.v--achive > li > div{
    display: block;
  }
  .main_contents_caselist_main_ul.v--achive .caselist_photo{
    width: 100%;
    height: 280px;
  }
  .main_contents_caselist_main_ul.v--achive .caselist_txt{
    position: static;
    padding-bottom: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1200px){
  .main_contents_caselist_main_ul{
    grid-template-columns: 1fr 1fr 1fr;
  }
  .main_contents_caselist_main_ul .caselist_photo{
    height: 17vw;
  }
}
@media screen and (max-width: 1023px){
  .main_contents_caselist > h1{
    font-size: 40px;
  }
  .main_contents_caselist h2{
    font-size: 1.8em;
  }
  .main_contents_caselist_main_ul.v--achive .caselist_photo{
    height: 25vw;
  }
}
@media screen and (max-width: 768px){
  .main_contents_caselist_main{
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .main_contents_caselist_main_ul{
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
  .main_contents_caselist_main_ul .caselist_photo{
    height: 25vw;
  }
  .main_contents_caselist_main_ul.v--achive .caselist_btn{
    left:auto;
    margin-left: 3%;
    width:94%;
  }
}
@media screen and (max-width: 600px){
  .main_contents_caselist{
    padding-top: 1.0em;
  }
  .main_contents_caselist_main_ul.v--achive{
    grid-template-columns: 1fr;
  }
  .main_contents_caselist h1{
    font-size: 5.5vw;
  }
  .main_contents_caselist p.caselist_lead{
    font-size: 1.0em;
  }
  .caselist_wrap{
    padding-bottom: 0.5em;
  }
  .main_contents_caselist h2{
    font-size: 1.2em;
  }
/*
  .main_contents_caselist .caselist_wrap.v--achive h2{
    text-shadow: 1px 1px 1px #000000
  }
*/
  .main_contents_caselist_main_ul{
    grid-gap: 0.6rem;
  }
  .main_contents_caselist_main_ul > li{
    padding-bottom: 2.8em;
  }
  .main_contents_caselist_main_ul.v--achive .caselist_photo{
    height: 44vw;
  }
  .main_contents_caselist_main_ul h3{
    padding: 0.3em;
    font-size: 0.9em;
  }
  .main_contents_caselist_main_ul p{
    font-size: 0.9em;
  }
  .main_contents_caselist_main_ul .caselist_btn{
    font-size:0.8em;
  }
}