html{
/*  scroll-behavior: smooth; */
}

body {
  margin:0;
  padding:0;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Verdana, Roboto, "Droid Sans", "ＭＳ Ｐゴシック", sans-serif;
  color:#595959;
/*  height:300vh; */
  width:100vw;
/*  overflow-x:hidden;
  overflow-y:scroll; */
  overscroll-behavior-x:none;
  overscroll-behavior-y:contain;
  scroll-behavior: smooth;
  
}
body::-webkit-scrollbar {
  display: none;
}


#body2 {
  overflow-x:scroll;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  /* overscroll-behavior-y:none; */
  scroll-behavior: smooth;

}
#body2::-webkit-scrollbar {
  display: none;
}

div {
  margin:0;
  padding:0;
  text-align:center;
}
.inquiry-form div {
  text-align:left;
}


.form0 {
  display:none;
}

.anime_l {
    transition-property:all;
    transition-duration:2450ms;
    transition-delay:50ms;
    transition-timing-function:ease;
}

.anime {
    transition-property:all;
    transition-duration:1000ms;
    transition-delay:50ms;
    transition-timing-function:ease;
}

.anime_f {
    transition-property:all;
    transition-duration:500ms;
    transition-delay:50ms;
    transition-timing-function:ease;
}

.anime_ff {
    transition-property:all;
    transition-duration:150ms;
    transition-delay:4ms;
    transition-timing-function:ease;
}

.anime_line {
    transition-property:all;
    transition-duration:150ms;
    transition-delay:0;
    transition-timing-function:ease;
}


input[type=button],
button[type=button],
.button {
    margin: 2px;
    padding: 4px;
    cursor:pointer;
    display: inline-block;
    text-align: center;

    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
   /* opacity: 0.9;
   filter: alpha(opacity=90); */
}

.button_b {
   background-color:#45a0d2;
   color:white;
   border-width: 0px;
   border-style: outset;
   border-color:#45a0d2;
   opacity: 0.9;
   filter: alpha(opacity=90);
}

.button_br {
   background-color:#eef3f8;
   color:#45a0d2;
   border-width: 0px;
   border-style: solid; /* outset; */
   border-color:#eef3f8; /*  #45a0d2; */
   opacity: 0.8;
   filter: alpha(opacity=80);
}


.button_g {
   background-color:#595959;
   color:white;
   border-width: 0px;
   border-style: outset;
   border-color:#595959;
   opacity: 0.9;
   filter: alpha(opacity=90);
}

.button_gr {
   background-color:#DDDDDD;
   color:#595959;
   border-width: 0px;
   border-style: solid;
   border-color:#DDDDDD; /* #595959; */
   opacity: 0.6;
   filter: alpha(opacity=60);
}


#header {
  position:fixed;
  top:-72px;
  width:100vw;
  height:70px;
  text-align:right;
}
#headmask {
  position:absolute;
  top:0;
  width:100vw;
  height:70px;
  background-color:white;
  text-align:right;
  opacity=1;
  filter=alpha(opacity=100);
}

@media screen and (max-width: 767px) {
    #header {
      top:0px;
      width:100vw;
      height:50px;
    }
    #headmask {
      top:0px;
      width:100vw;
      height:50px;
	  text-align:center;
    }
}

#top_logo {
  position:absolute;
  top:12px;
  left:20px;
  width:auto;
  height:34px;
}

#top_logo_sm {
  position:absolute;
  top:4px;
  left:calc(50vw - 15px);
  width:auto;
  height:50px;
}

#menu_button {
  width: 0px;
  height:0px;

} 
@media screen and (max-width: 767px) {
    
    #top_logo {
      top:8px;
      left:8px;/* calc(50vw - 35px); */
      width: auto;
      height:30px;
    }
    #menumask {
      position:absolute;
      display:none;
      top:46px;
      left:0px;
      width:100vw;
      height:calc(110vh -40px);
      background-color:black;
      opacity=0.2;
      filter:alpha(opacity=20);
    }
    #menu_button {
       position:absolute;
      top:4px;
      right:4px;
      width: 40px;
      height:40px;

    } 
}




#menulist {
  position:absolute;
  top:36px;
  right:-300px;
  margin:0;
  width:300px;
  background-color:white;
  opacity=0;
  filter=alpha(opacity=0);
  /* text-align: left; */
}


.menulist {
}

.menulist_r {
}

#sitemap {
  position:absolute;
  right:0;
  font-size:13px;
}
#smapmenu,
#toiawase,
#toiawasemenu,
#enkaku,
#cloud,
#online,
#remote,
#company,
#recruit {
  position:relative;
  font-size:14px;
  font-weight: bold;
}
#smap {
  position:relative;
  font-size:13px;
  font-weight: bold;
}

.smap {
}
.smap::after {
  background   : #d9d9d9;
}
.smap span {
  color        : #404040;
}

.smap_r {
}
.smap_r::after {
  background   : #9b9b9b;
}
.smap_r span {
  color        : #404040;
}

#smap {
  position:relative;
  left :-120px;
  width        : 140px;
  height       : 24px;
}
#smap::after {
  transition-property:all;
  transition-duration:500ms;
  transition-delay:50ms;
  transition-timing-function:ease;
  content      : "";
  top          : 0;
  left         : 32px; 
  position     : absolute;
  width        : 140px;
  height       : 24px;
  transform    : skewX(54deg);
}
#smap span {
    transition-property:all;
    transition-duration:500ms;
    transition-delay:50ms;
    transition-timing-function:ease;
  position     : absolute;
  display      : inline-block;
  top          : 4px;
  left         : 70px;
  width : 84px;
  border : 0;
  z-index      : 10;
}


.toiawase {
}
.toiawase::after {
  background   : #595959;
}
.toiawase span {
  color        : white;
}
.toiawase_r {
}
.toiawase_r::after {
  background   : #ebebeb;
}
.toiawase_r span {
  color        : #404040;
}

#toiawase {
  position:relative;
  left :-44px;
  width        : 190px;
  height       : 24px;
}
#toiawase::after {
    transition-property:all;
    transition-duration:500ms;
    transition-delay:50ms;
    transition-timing-function:ease;
  content      : "";
  top          : -24px;
  position     : absolute;
  width        : 190px;
  height       : 24px;
  transform    : skewX(54deg);
}
#toiawase span {
    transition-property:all;
    transition-duration:500ms;
    transition-delay:50ms;
    transition-timing-function:ease;
  position     : absolute;
  display      : inline-block;
  top          : -20px;
  left         : 118px;
  width: 100px;
  border  : 0;
  z-index      : 11;
}

#recruit {
  position:relative;
   border-width: 0;
   opacity: 0.9;
   filter: alpha(opacity=90);
}
.recruit { /* init color */
   background-color:#45a0d2;
   color:white;
}


@media screen and (max-width: 767px) {
    #menulist,
    #menulist2 {
       position:absolute;
       top:-140px;
       left: 0;
	   margin:0;
       width:100vw;
	  padding: 0;
       background-color:white;
       font-size:10px:
       line-height:2em;
       opacity:0;
       filter:alpha(opacity=0);
       text-align: left;
    }
    #menulist {
       top:-140px;
       height: 42px;
    }
    #menulist2 {
       top:-300px;
       height: 290px;
    }
    #menulist ul,
    #menulist2 ul{
       margin: 0;
       padding:0;
       list-style: none;
    }
    #menulist ul li,
    #menulist2 ul li {
       padding: 9px;
    /*   margin:10px; */
       font-weight:400;
       color:#3d4d51;
       border-top: 1px solid #ddd;
    }
    #enkaku,
	#cloud,
	#online,
	#remote,
	#company,
	#toiawasemenu,
	#recruit,
	#smapmenu  {
	   pointer-events: auto;
       font-weight:400;
       color:#3d4d51;
    }
}




#smenu {
  position: relative;
  top: -400px;
  padding:0;
  text-align: left;
  color:#3d4d51;
  background-color:white;
  /* font-size:10px; */
  opacity=0;
  filter:alpha(opacity=0);

}
@media screen and (min-width: 768px) {
	#smenu {
	  position: relative;
  font-size: 14px;
	  left: calc(100vw - 720px);
	  //right:480px;
	  width: 280px
	}

	#enkaku:hover #smenu {
	 //  display: inline-block;
	  top: 60px;
	}
}

#smenu ul {
  margin: 0;
/*  padding:10px 10px; */
  list-style: none;
  line-height:30px;
  text-decoration:none;
}

#smenu ul {
padding:0;
  text-decoration:none;
/*  color:#333; */
  list-style: none;
}
#smenu ul li {
  padding: 7px;
  text-decoration:none;
  font-size: 14px;
/*  color:#333; */
  color:#3d4d51;
  border-top: 1px solid #ddd;
}
#smenu ul li a{
  text-decoration:none;
  color:#3d4d51;
/* color:#333; */
}
/*
#sb_enkaku, 
#sb_route,  
#sb_system, 	
#sb_staff,  	
#sb_security,    
#sb_zero,   	
#sb_money,  
#sb_system {
  text-decoration:none;
}
*/


@media screen and (max-width: 767px) {
	#smenu {
	  //  position: fixed;
	   left:0;
	   width: 100vw;
	}
	#smenu ul {
	  padding-left:14px; 
	}
	#smenu ul li {
	  padding-left:14px; 
	}

	#smenu ul li a{
	  text-decoration:none;
	}
}



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

}	



/* page base */
#page1,
#page2,
#page3,
#page4,
#page5,
#page6,
#page7,
#page8,
#page9,
#page10 {
  position:static;
  width:100vw;
}



#page1 { /* top */
  top:0;
  height:100vh;
}

#view {
  position:absolute;
  margin:0;
  padding:0;
  width:1vw;
  height:1vh;
/*  overflow:scroll; */
}
#view::-webkit-scrollbar {
  display: none;
}
#video,
#video2,
#video3,
#video4,
#video5,
#video6 {
 /* position:fixed; */
  margin:0;
  padding:0;
}

#vtext1,
#vtext2,
#vtext3 {
  position:fixed;
  width:99vw;
  top:48vh;
  left:0;
  color:white;
  font-size:28px;
  font-weight: bold;
  opacity: 0;
  filter: alpha(opacity=0);
}

#vtext2,
#vtext3 {
  display:none;
}

#vtext4 {
  position:absolute;
  width:99vw;
  top:78vh;
  left:0;
  display:none;
  color:#EEEEEE; /* white; */
  font-size:16px;
  cursor:pointer;
  text-decoration:none;
}
#vtext5 {
  position:absolute;
  width:99vw;
  top:82vh;
  left:0;
  display:none;
  color:#EEEEEE; /* white; */
  font-size:16px;
  cursor:pointer;
}
#down {
  width:22px;
  cursor:pointer;
}


.bg-mask {
/*  position: absolute;*/
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8);
}
.bg-mask::-webkit-scrollbar {
  display: none;
}

#floatbase {
  position:absolute;
  top: 0vh;
  width:100vw;
  overflow-x:hidden;
  overflow-y:scroll;
  overscroll-behavior-x:none;
  /* overscroll-behavior-y:contain; */
  scroll-behavior-y: smooth;
  webkit-overflow-scrolling : touch;
}
#floatbase::-webkit-scrollbar {
  display: none;
}

#floatbase2 {
  position:absolute;
  top: 0;
  left: 0;
  width:calc(244px * 10);
}

#floatbase3 {
  position:absolute;
  top: 0;
  left: 0;
  width:calc(244px * 10);
}

@media screen and (max-width: 767px) {
  #floatbase2,
  #floatbase3 {
    margin:0 0 0 -280px;
  }
}


#page2 { /* info */
  width:100vw;
  height:480px;

  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url(../img/setumei.jpg);
}
#page2 ::-webkit-scrollbar {
  display: none;
}

#page2 .bg-mask {
  position: absolute;
  height:480px;
}
#page2 .bg-mask::-webkit-scrollbar {
  display: none;
}

#flame20 {
  position:absolute;
/*  display:none;  init */
  top: 400px;
  left:0; /* init */
  width:50vw;
  height:480px;
  opacity: 0;
  filter: alpha(opacity=0);
}
#item200 {
  width: 100%;
  margin : 30px 0 0 0; 
  font-weight: bold;
  color: #0084CE;
  font-size:28px;
}
#item201 {
  width: 100%;
  margin : 20px 6vw;
  color: #606060;
  text-align:left;
  font-size:22px;
  font-weight: bold;
}
#item202 {
  width: calc(100% - 12vw);
  margin : 20px 6vw;
  text-align:left;
  line-height:1.8em;
  color: #404040;
  font-size:16px;
}
#button203 {
  font-size:14px;
}


#flame21 {
   position:absolute;
/*   display:none;  init */
/*  left:100vw;  init */
   left:50vw; /* init */
   top: 400px;
   width:48vw;
   line-height:0.8em;
  opacity: 0;
  filter: alpha(opacity=0);
}
#item210 {
  margin : 40px 0; 
  color: #0084CE;
  font-size:28px;
  font-weight: bold;
}
#item211 { /* linc3svc */
  position:absolute;
  width: 100%;
  font-size:12px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  text-align:center;
}
#linc3svc { /* linc3svc */
  width: 300px;
}

#item2112 {
  position:absolute;
  top: 190px;
  left:0px;
  width: 100%;
}



#color_tate {
  width: 80px;
}


#item212 { /* teleradiology */
  position:absolute;
  top: 470px;
  left: calc(25vw - 65px);
  font-size:12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
#svc21 {
  position:absolute;
}

.teleradiology {
  top: 0px;
  left: 0px;
  width: 160px;
}
.teleradiology_r {
  width: 180px;
  top: -6px;
  left: -10px;
}

#teleradiology { /* teleradiology */
  position:absolute;
}


#item213 { /* sem_cloud */
  position:absolute;
  top: 645px;
  left: calc(25vw - 190px);
  font-size:12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

#svc22 {
 position:absolute;
}

.sem_cloud {
  top: 0px;
  left: 0;
  width: 150px;
}

.sem_cloud_r {
  top: -6px;
  left: -10px;
  width: 170px;
}

#sem_cloud { /* sem_cloud */
  position:absolute;
}

#item214 { /* solution */
  position:absolute;
  top: 665px;
  left: calc(25vw + 40px);
  width: 150px;
  font-size:12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

#svc23 {
  position:absolute;
}


.solution {
  top: 0px;
  left: 0;
  width: 150px;
}
.solution_r {
  top: -6px;
  left: -10px;
  width: 170px;
}
#solution { /* solution */
  position:absolute;
}

#item215 {
  position:absolute;
  top: 410px;
  
   width: 50vw;
  
  color: #0084CE;
  font-size:24px;
  font-weight: bold;
}



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

    #page2 { /* info */
      height:820px;
    }
    #page2 .bg-mask {
      position: absolute;
      height:820px;
    }
    #flame20 {
      width:100vw;
      height:400px;
    }
    #item200 {
      width: 100%;
      margin : 30px 0 0 0; 
      font-weight: bold;
      font-size:28px;
    }
    #item201 {
      width: 92vw;
      margin : 10px 4vw;
      text-align:left;
      font-size:20px;
      font-weight: bold;
    }
    #item202 {
      width: 92vw;
      margin : 10px 4vw;
      text-align:left;
      line-height:1.8em;
      font-size:16px;
    }
    #button203 {
      font-size:14px;
    }
    
    #flame21 {
      top:760px;
      left:0; /* 100vw;  init */
      width:100vw;
      line-height:0.8em;
    }
    #item210 {
      margin : 40px 0; 
      font-size:28px;
      font-weight: bold;
    }
    #item211 { /* linc3svc */
      width: 100%;
      font-size:12px;
    }
    #linc3svc { /* linc3svc */
      width: 300px;
    }
    
    #item2112 {
      top: 190px;
      left:0px;
      width: 100%;
    }
    
    #color_tate {
      width: 80px;
    }
    #item212 { /* teleradiology */
      left: calc(50vw - 65px);
    }

    #item213 { /* sem_cloud */
      left: calc(50vw - 190px);
    }
    
    #item214 { /* solution */
      left:calc(50vw + 40px);
    }

    #item215 {
      top: 410px;
      
       width: 100vw;
      
      font-size:24px;
      font-weight: bold;
    }
    
}




#page3 { /* inner service */
  top: calc(100vh + 480px);

  width:100vw;
  height:400px;

  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url(../img/doctor.jpg);
  overflow: hidden;
}

#sub30,
#sub31,
#sub32,
#sub33,
#sub34 {
  position:relative;
  background-color:#45a0d2;
  color:white;
  margin: 0;
  padding:6px;
  text-align:center;
  font-size:12px;
}

#svc30 {
  position: absolute;
  overflow:hidden;
}

#flame30 {
  position:absolute;
  width:19vw;
  text-align:center;
}
#label30 {
  margin:170px 6px 0px;
  background-color:#45a0d2;
  color:white;
  width:130px;
  padding:20px 2px;
}

#flame31 {
  position:absolute;
  left:19vw;
  width:20vw;
}
#svc31, #svc32, #svc33, #svc34 {
  position:absolute;
  top:40px;
  left:calc((20vw - 190px) / 2);
  width:190px;
  height:250px;
  overflow: hidden;
}
.dokuei,
.online1,
.bg_masthead {
  top:0;
  left:0;
  width:190px;
}
.solution1 {
  top:-3px;
  left:-5px;
  width:200px;
}

.dokuei_r,
.online1_r,
.bg_masthead_r {
  top:-6px;
  left:-10px;
  width:210px;
}
.solution1_r {
  top:-9px;
  left:-15px;
  width:220px;
}
#dokuei, #bg_masthead, #online1, #solution1 {
  position:absolute;
}

#teleradiology2 {
  position:absolute;
  top:300px;
  left:calc((20vw - 190px) / 2);
  width:190px;
}


#flame32 {
  position:absolute;
  left:calc(19vw + 20vw);
  width:20vw;
}
#sem_cloud2 {
  position:absolute;
  top:300px;
  left:calc((20vw - 190px) / 2);
  width:160px;
}


#flame33 {
  position:absolute;
  left:calc(19vw + 20vw * 2);
  width:20vw;
}

#online2 {
  position:absolute;
  top:300px;
  left:calc((20vw - 190px) / 2);
  width:190px;
}


#flame34 {
  position:absolute;
  left:calc(19vw + 20vw * 3);
  width:21vw;
}

#solution2 {
  position:absolute;
  top:300px;
  left:calc((20vw - 190px) / 2);
  width:190px;
}


@media screen and (max-width: 767px) {
    #page3 { /* inner service */
      top: calc(100vh + 820px);
      width:100vw;
      height:calc((18px + 16px + 105vw + 40vw) * 4);
    }
    #page3 .bg-mask {
      position:absolute;
      height:calc((18px + 16px + 105vw + 40vw) * 4);
    }
    #flame30 {
      display:none;
    }
    #flame31,
    #flame32,
    #flame33,
    #flame34 {
      position:relative;
      left:0;
      width:100vw;
      height:calc(18px + 16px + 105vw + 40vw);
    }
    #svc31, #svc32, #svc33, #svc34 {
      position:relative;
      top:0;
      left:10vw;
      margin:8px 0;
      width:80vw;
      height:105vw;
    }
    .dokuei,
    .bg_masthead,
    .online1,
    .solution1{
      width:80vw;
    }

    .dokuei_r,
    .bg_masthead_r,
    .online1_r,
    .solution1_r {
      top:-6vw;
      left:-5vw;
      width:90vw;
    }

    #teleradiology2,
    #solution2,
    #online2 {
      position:relative;
      top:0;
      left:0;
      width:60vw;
    }
    #sem_cloud2 {
      position:relative;
      top:0;
      left:0;
      width:55vw;
    }


}


/* Radiologist SEMが選ばれる理由 */
#page4 {
  top: calc(100vh + 480px + 400px);
  height: 40vw; /* 300px; */
  color:white;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  overflow: hidden;
}

#view4 {
  position:absolute;
  margin:0;
  padding:0;
  width: 100%;
  height: 40vw; /* 300px; */
  /* overflow:scroll; */
  background: rgba(0,0,0,0.6);
}
#view4::-webkit-scrollbar {
  display: none;
}

#video4 {
  position:absolute;
  margin:0;
  padding:0;
}
#text41 {
  margin:12vw 0 0 0 ; /*10px; */
  font-size:40px;
  font-weight: bold;
}
#text42 {
  margin:4vw 0 0 0 ;
}
#button43 {
  width:141px;
}
@media screen and (max-width: 767px) {
  #page4 {
    top: calc(100vh + 820px + 400px + (18px + 16px + 105vw + 40vw));
    height: 300px;
  }
  #view4 {
    height: 300px;
  }
  #text41 {
     margin:80px 0 0 0;
  }
}



#page5 {
  top: calc(100vh + 480px + 400px + 40vw);
  color:white;
  height: 30vw; /* 240px; */
}
#view50 {
  position: relative; /* absolute; */
  top: 400px;
  height: 30vw; /* 240px; */
  width:50vw;
  overflow: hidden;
  opacity:0;
  filter:alpha(opacity=0);
}
.img51 {
  top:0px;
  left:0;
  width:50vw;
}
.img51_r {
  top:-1vw;
  left:-2vw;
  width:54vw;
}
#img51 {
  position:absolute;
}
#mask51 {
  position:absolute;
  margin:0;
  padding:0;
  height: 30vw; /* 240px; */
  width:50vw;
  background: rgba(0,0,0,0.4);
}
#mask51::-webkit-scrollbar {
  display: none;
}
#text511 {
  margin:12vw 0 4px 0 ; /*10px; */
  font-size:28px;
  font-weight: bold;
}
#text512 {
  font-weight: none;
}

#view51 {
  position: relative; /* absolute; */
/*  top:calc(400px - 30vw);*/
  top:400px;
  left:50vw;
  height: 30vw; /* 240px; */
  width:50vw;
  overflow: hidden;
  opacity:0;
  filter:alpha(opacity=0);
}
.img52 {
  top:0px;
  left:0;
  width:50vw;
}
.img52_r {
  top:-1vw;
  left:-2vw;
  width:54vw;
}
#img52 {
  position:absolute;
}
#mask52 {
  position:absolute;
  margin:0;
  padding:0;
  height: 35vw; /* 240px; */
  width:50vw;
  overflow:hidden; /* scroll; */
  background: rgba(0,0,0,0.4);
}
#mask52::-webkit-scrollbar {
  display: none;
}
#text521 {
  margin:12vw 0 4px 0 ; /*10px; */
  font-size:28px;
  font-weight: bold;
}
#text522 {
  font-weight: none;
}

@media screen and (max-width: 767px) {
    #page5 {
      top: calc(100vh + 820px + 400px + (18px + 16px + 105vw + 40vw) + 300px);
      height: 360px; /* 240px; */
    }
    #view50 {
      height: 180px; /* 240px; */
      width:100vw;
    }
    .img51 {
      top:0px;
      left:0;
      width:100vw;
    }
    .img51_r {
      top:-2vw;
      left:-4vw;
      width:108vw;
    }
    #mask51 {
      height: 180px; /* 240px; */
      width:100vw;
    }
    #text511 {
      margin:50px 0 4px 0 ; /*10px; */
    }

    #view51 {
      position: relative;
      top:580px;
      left:0;
      height: 180px; /* 240px; */
      width:100vw;
    }
    .img52 {
      top:0vw;
      left:0;
      width:100vw;
    }
    .img52_r {
      top:-2vw;
      left:-4vw;
      width:108vw;
    }
    #mask52 {
      height: 180px; /* 240px; */
      width:100vw;
    }
    #text521 {
      margin:50px 0 4px 0 ; /*10px; */
    }
}


#page6 {
  top: calc(100vh + 480px + 400px + 300px + 360px);
  height: 340px;
}
#view61 {
  position:absolute;
  height: 340px;
  width:100vw;
  background-color: white; 
  font-size:16px;
  line-height:1.8em;
}
#text611 {
  margin:26px 0 4px 0;
  font-size:28px;
  font-weight: bold;
}
#text612 {
  font-size:16px;
  font-weight: bold;
}


#item621,
#item622,
#item623,
#item624,
#item625,
#item626,
#item627,
#item628,
#item629,
#item630 {
  position:relative;
  margin: 0 14vw;
  top: 400px;
  text-align:left;
  opacity:0;
  filter:alpha(opacity=0);
}

.col61 {
  width:300px;
  font-weight: bold;
}
.col62 {
  width:54vw;
}

#item621,
#item623,
#item625  {
  background-color: #eef3f8;
}

#button63 {
   position:relative;
   top:400px;
  opacity:0;
  filter:alpha(opacity=0);
}

@media screen and (max-width: 767px) {
    #page6 {
      top: calc(100vh + 820px + 400px + (18px + 16px + 105vw + 40vw) + 300px + 360px);
    }
    #view61 {
      font-size:14px;
    }
    #item621,
    #item622,
    #item623,
    #item624,
    #item625  {
      margin: 0 3vw;
    }
}

#page7 {
 /* top: calc(100vh + 480px + 400px + 40vw + 30vw + 340px); */
  height: 55vw; /* 360px; */
  color:white;
  overflow: hidden;
}




#view7 {
  position:relative; /* absolute; */
  display: inline-block; /* 頁上に合わせる <- block */
  top: 0;/* top: -59vw; /* calc((55vw +16px) * (-1)); */
  margin:0;
  padding:0;
  width: 100%;
  height: 59vw; /* 360px; */
  text-align:center;
 /*  overflow:scroll; */
  background: rgba(0,0,0,0.4);
}
#view7::-webkit-scrollbar {
  display: none;
}

#video7,
#video72,
#video73,
#video74,
#video75 {
  position: absolute;
  top:0;
  left:0;
  margin:0;
  padding:0;
}

#text71 {
  position:relative;
  margin:16vw 0 16px 10px ;
  font-size:34px;
  font-weight: bold;
}
#text72 {
  position:relative;
  font-size:22px;
}
#text73 {
  position:relative;
    text-align:left;
    font-size:18px;
    line-height:2em;
    padding:26px 8vw 8px;
}
#text74 {
  position:relative;
    text-align:left;
    text-align:justify;
    font-size:16px;
    line-height:1.8em;
    padding:10px 8vw 0;
}

@media screen and (max-width: 1280px) {
 #text71 {
  margin:8vw 0 10px 0 ;
  font-size:32px;
 }
 #text72 {
  font-size:20px;
 }
 #text73 {
    font-size:16px;
    line-height:1.6em;
    padding:20px 8vw 8px;
 }
 #text74 {
    font-size:14px;
    line-height:1.4em;
    padding:6px 8vw 0;
 }
}
@media screen and (max-width: 1023px) {
  #text74 {
    font-size:12px;
  }
}
@media screen and (max-width: 767px) {
 #page7 {
   top: calc(100vh + 820px + 400px + (18px + 16px + 105vw + 40vw) + 300px + 360px + 340px);
   height:59vw;
 }
 #view7 {
 }
 #text71 {
  margin:6vw 0 6px 0 ;
  font-size:32px;
 }
 #text72 {
  font-size:16px;
 }
 #text73 {
    font-size:13px;
    line-height:1.5em;
    padding:8px 4vw 4px;
 }
}


#page8 {
  top: calc(100vh + 480px + 400px + 40vw + 30vw + 340px + 55vw);
  height: 500px;

  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url(../img/istockphoto-1146554276-2048x2048.jpg);
  overflow: hidden;
}

#page8 .bg-mask {
  position: absolute;
  height:500px;
  font-size:12px;
  background: rgba(255,255,255,0.8);
}

#text80 {
  background-color:#45a0d2;
  color:white;
  padding:8px;
  font-size:18px;
}

#flame80 {
  position:absolute;
  top:400px;
  height: 500px;
  width:50vw;
  opacity:0;
  filter:alpha(opacity=0);
}
#owg_logo {
  position:absolute;
 top:20px;
  height:100px;
  left: 30px; 
}
#text811 {
  position:absolute;
  top:24px;
  left:150px;
  width:calc(50vw - 180px);
  text-align:left;
  line-height:1.2em;
  font-size: 18px;
   
}
#text812 {
  position:absolute;
  top:120px;
  width:calc(50vw - 60px);
  text-align:left;
  margin:20px 30px;
  font-size: 14px;
  line-height:2em;
}

#flame81 {
  position:absolute;
  top: 400px;
  left:50vw;
  height: 500px;
  width:50vw;
  text-align:left;
  opacity:0;
  filter:alpha(opacity=0);
}

#item821 {
  font-size: 18px;
  font-weight: bold;
}

#item822 {
  width:calc(50vw - 80px);
  text-align:left;
  margin:20px;
  font-size: 12px;
  line-height:2em;
}

@media screen and (max-width: 940px) {
  #text812 {
    line-height:1.7em;
  }
}

@media screen and (max-width: 767px) {
    #page8 {
      top: calc(100vh + 820px + 400px + (18px + 16px + 105vw + 40vw) + 300px + 360px + 340px + 59vw);
      height: 850px;
    }
    
	#page8 .bg-mask {
	  height:807px;
    }
    #text80 {
      padding:8px;
      font-size:18px;
    }
    
    #flame80 {
      position:absolute;
      height: 400px;
      width:100vw;
    }
    #owg_logo {
      position:absolute;
      top:20px;
      height:100px;
      left: 30px; 
    }
    #text811 {
      position:absolute;
      top:24px;
      left:170px;
      width:calc(100vw - 180px);
      text-align:left;
      line-height:1.2em;
      font-size: 18px;
       
    }
    #text812 {
      position:absolute;
      top:120px;
      width:calc(100vw - 20px);
      margin:20px 10px;
      font-size: 14px;
      line-height:1.4em;
    }
    
    
    #flame81 {
      position:relative;
      top: 400px; /* 320px; */
      left:0vw;
      height: 300px;
      width:100vw;
      text-align:left;
    }
    
    #item821 {
      font-size: 16px;
      font-weight: bold;
    }
    
    #item822 {
      width:calc(100vw - 80px);
      text-align:left;
      margin:10px;
      font-size: 14px;
      line-height:1.4em;
    }
}



.movie_icon911,
.movie_icon912,
.movie_icon921,
.movie_icon922,
.movie_icon931,
.movie_icon932,
.movie_icon941,
.movie_icon942,
.movie_icon951,
.movie_icon952,
.movie_icon961,
.movie_icon962,
.movie_icon971,
.movie_icon972,
.movie_icon981,
.movie_icon982,
.movie_icon991,
.movie_icon992 {

    position: relative;
    top: -46px;
    height: 20px;
    left: 84px;
    cursor:pointer;
}


/* inner service */
#page9 { 
  position:static;
  top: calc(100vh + 480px + 400px + 40vw + 30vw + 340px + 55vw + 500px);
  width:100vw;
  height:calc(420px);

  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/istockphoto-875087884-1024x1024.jpg');
  overflow: hidden;
}
#page9 .bg-mask {
  /* position:fixed; */
  position:absolute;
  height:420px;
  font-size:12px;
  background: rgba(0,0,0,0.6);
}
#flame9l {
  position:absolute;
  margin: 55px 10px;
  width:180px;
  text-align:center;
}
#label9l {
  margin:35px 6px 0px;
  background-color:#45a0d2;
  color:white;
  width:140px;
  padding:20px 2px;
  font-size:14px;
}
#service {
  font-size: 24px;
  font-weight: bold;
}


#flame90,
#flame91,
#flame92,
#flame93,
#flame94,
#flame95,
#flame96,
#flame97,
#flame98,
#flame99,
#flame910,
#flame90b,
#flame91b,
#flame92b,
#flame93b,
#flame94b,
#flame95b,
#flame96b,
#flame97b,
#flame98b,
#flame99b,
#flame910b {
  /* position:absolute; */
  display:inline-block; 
  width: 210px;
  height: 324px;
  background-color:white;
  /* margin:48px 4px 38px; */
  margin:48px 4px -10px;
  padding:5px;
  color:#595959;
  font-size:16px;
  overflow:hidden;
}

.f_hide {
  opacity: 0.0;
  filter: alpha(opacity=0);
}

.f_view {
  opacity: 1;
  filter: alpha(opacity=100);
}

.caption91,
.caption92,
.caption93,
.caption94,
.caption95,
.caption96,
.caption97,
.caption98,
.caption99,
.caption910 {

  font-size:13px;

  margin:4px 0;
}

.caption98 {
  /* font-size:14px; */
  font-size:13px;
}
.caption910 {
  /* font-size:14px; */
  font-size:13px;
  /* line-height:1.1em; */
  line-height:1.0em;
}
.svc91,
.svc92,
.svc93,
.svc94,
.svc95,
.svc96,
.svc97,
.svc98,
.svc99,
.svc910 {
  width:210px;
  height: 238px;
  overflow:hidden;
}

.svc97 {
  line-height: 0;
}

.hibari {
  width:210px;
  height:140px;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/190918-Hibari-500x333.jpg');
  overflow: hidden;
}

.hibar2 {
  width:210px;
  height:100px;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/47075867_0064_n.jpg');
  overflow: hidden;
}

.hibariph {
  width:210px;
  height:234px;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/hibari_ph.jpg');
  overflow: hidden;
}

.hibarifm {
  width:210px;
  height:234px;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/hibari_fm.jpg');
  overflow: hidden;
}

.hibaribs {
  width:210px;
  height:234px;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/hibari_bs.jpg');
  overflow: hidden;
}

.id_physio {
  width:210px;
  height:240px;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/id_physio.jpg');
  overflow: hidden;
}

.medical_tourism {
  width:210px;
  height:200px;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/medical-tourism.jpg');
  overflow: hidden;
}

.medical_tourism2 {
  height:40px;
}

.takumi_dental {
  width:210px;
  height:240px;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/takumi-dental.jpg');
  overflow: hidden;
}
.takumi_life {
  width:210px;
  height:200px;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/takumi-life.jpg');
  overflow: hidden;
}
.takumi_logo {
  height:40px;
}
.takutech,
.takutech2,
.click,
.img_15322,
.medicalinfo,
.mamacafe {
   width:210px;
}

.takutech {
  margin: 8px 0 0 0;
}
.takutech2 {
  margin: 4px 0 0 0;
}


.location91,
.location92,
.location93,
.location94,
.location95,
.location96,
.location97,
.location98,
.location99,
.location910 {
  font-size:10px;
  margin:8px 0;
}
.location910 {
  line-height:1em;
}
.info91,
.info92,
.info93,
.info94,
.info95,
.info96,
.info97,
.info98,
.info99,
.info910 {
  /* font-size:14px; */
  font-size:12px;
  font-weight:bolder; /* bold */
  color:#17375e;
}

.info96 {
font-size:13px;
}

#scroll90 {
  position: absolute;
  margin: 390px 0 0 0;
  width: 99vw;
  cursor: pointer;
  color:gray;
}

#scroll90 span:hover{
    color: white;
}

#scroll_l {
  position: absolute;
  margin: 180px 0 0 180px;
  width:40px;
  height:40px;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/left.png');
  overflow: hidden;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#scroll_r {
  position: absolute;
  margin: 180px 14px 0 calc(100vw - 54px);
  width:40px;
  height:40px;
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center; 
  background-image: url('../img/right.png');
  overflow: hidden;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

#scroll_l:hover {
  opacity: 0.66;
  filter: alpha(opacity=66);

}
#scroll_r:hover {
  opacity: 0.66;
  filter: alpha(opacity=66);

}

#branch {
  margin:0 0 -10px 0;
  width:100vw;
}

@media screen and (max-width: 767px) {
  #page9 { 
      top: calc(100vh + 820px + 400px + (18px + 16px + 105vw + 40vw) + 300px + 360px + 340px + 59vw + 850px);
      height:calc(420px + 42px);
  }
  #text90 {
    background-color:#45a0d2;
    color:white;
    padding:8px;
    font-size:18px;
  }
  #flame90,
  #flame90b {
/*    left: -200px; */
  }
  #scroll_l {
    margin: 180px 0 0 12px;
  }

  #branch {
    margin:0px -28vw -10px -32vw;
    width:140vw;
  }

}



#page10 { 
  top: calc(100vh + 480px + 400px + 40vw + 30vw + 340px + 55vw + 500px + 420px + 30vw);
  width:100vw;
/*  height:530px; */
  background-color: white; 
}
#flame101 {
  position:absolute;
/*   height:530px; */
  width:100vw;
  
  background-color: white; 
  text-align:left;
  line-height: 1.8em;
}
#flame101 div {
/*  text-align:left; */
}
#color_yoko {  /* sem logo */
  /* padding:0  30px; */
  margin: 0 0 0 30px;
  width:141px;
  height:50px;
}

#text1011 {
  position:relative;
  top:10px;
  padding:0  30px;
  text-align:left;
  font-weight: bold;
}
#text1012 {
  position:relative;
  top:20px;
  padding:0 30px;
  text-align:left;
}
#item103,
#item104 {
  position:relative;
  background-color:#45a0d2;
  color:white;
  margin:2px 0 0;
  padding:6px;
  text-align:center;
  font-size:12px;
}


#flame102 {
  /* position:absolute; */
  left:65vw;
  /*height:400px;*/
  background-color: white; 
  width:30vw;
  text-align:center;
  padding:20px 0;
}

#flame102 table{
  border: 0px;
  text-align:left;
}
#flame102 tr,
#flame102 td {
  border: 0px;
  text-align:left;
}

#svc01,
#svc02,
#svc03,
#svc05,
#svc06 {
  position:relative;
  font-size:11px;
}
#svc04 {
  position:relative;
}

#button1022 {
  width:150px;
 /* background-color:#45a0d2; */
  padding:4px;
/*  color:white; */
}
#button1023 {
  width:150px;
/*  background-color:#595959;*/
  padding:4px;
/*  color:white; */
}

@media screen and (max-width: 767px) {
    
    #page10 { 
      top: calc(100vh + 820px + 400px + (18px + 16px + 105vw + 40vw) + 300px + 360px + 340px + 59vw + 850px + 420px);
      width:100vw;
      background-color: white; 
    }
    #flame101 {
      position:absolute;
      width:100vw;
      
      text-align:left;
      line-height: 1.8em;
    }
    #color_yoko {  /* sem logo */
      /* padding:0  30px; */
      margin: 0 0 0 30px;
      width:141px;
      height:50px;
    }
    
    #text1011 {
      position:relative;
      top:10px;
      padding:0  30px;
      text-align:left;
      font-weight: bold;
    }
    #text1012 {
      position:relative;
      top:20px;
      padding:0 30px;
      text-align:left;
    }
    #item103,
    #item104 {
      position:relative;
      margin:2px 0 0;
      padding:6px;
      text-align:center;
      font-size:11px;
    }
    
    
    #flame102 {
      position: static;
      margin: 0 auto 0 30vw;
      left:auto;
      width:auto;
      text-align:center;
      padding:20px 0;
    }
    
    #flame102 table{
      text-align:left;
    }
    
    #svc01,
    #svc02,
    #svc03,
    #svc05,
    #svc06 {
      position:relative;
      font-size:14px;
    }
    #svc04 {
      position:relative;
    }
    
    #button1022 {
      width:150px;
      padding:4px;
    }
    #button1023 {
      width:150px;
      padding:4px;
    }
}




#thissite,
#infogide,
#privacy,
#terms {
  position:relative;
}


#totop {
	display: block ;
	
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
	
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;

	opacity: 0.6 ;

}
#totop:hover
{
	opacity: 0.8;
}
#totop_img {
  width:36px;
  height:36px;
}



/* company photo */

#company_padding1 {
  height:20px;
}
#company_padding2 {
  height:60px;
}
#imgsem_office,
#imgowg_build,
#imgphi_build,
#imgusa_build {
  position:absolute;
  padding: 0;
  left:700px;
  width:300px;
}

#imgsem_office {
  top: 80px;
}

#imgowg_build {
  top: 120px;
}

#imgphi_build {
  top: 660px;
}

#imgusa_build {
  top: 1220px;
}


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

  #company_padding1 {
    display:none;
  }
  #company_padding2 {
    display:none;
  }
  #imgsem_office,
  #imgowg_build,
  #imgphi_build,
  #imgusa_build {
    position:static;
    margin:0 13vw 6vw 9vw;
    width:78vw;
  }
}


/* solution */
.system-text-row h2,
.system-text-row h3 {
  color:#444
}
.system-text-row h2 {
  font-size: 26px;
}
.system-text-row h3 {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
	.system-text-row h2 {
	  font-size: 20px;
	}
	.system-text-row h3 {
	  font-size: 18px;
	}
}

/* zero */
#titleline,
#titleline1,
#titleline2,
#titleline3,
#titleline4,
.titleline {
  width: 500px;
}

@media screen and (max-width: 767px) {
   #titleline,
   #titleline1,
   #titleline2,
   #titleline3,
   #titleline4,
   .titleline {
    width:90vw;
  }

}
/*usedsite*/
.usedsite p {
  padding:10px;
}
 
.sitemap {
  /* pointer-events: none; */
}
@media screen and (min-width: 768px) {

  .sitemap p {
  /*  padding:10px; */
   padding:10px 0 4px 64px;
  }
}

.sitemap table,
.sitemap  th,
.sitemap  tr,
.sitemap  td {
/*  padding:2px 20px 2px 10px; */
    border: none;
}

p .midashi {
  padding:10px 0 4px 60px;
  color:#45a0d2;
  font-size:18px;
  font-weight: bold;
}

.midashi {
  padding:12px 0 4px 10px;
color:#45a0d2; font-size:18px;font-weight: bold;
}
.midashi2 {
  padding: 4px 8px 4px 60px;
  color:brack;
  cursor:pointer;
 font-size:16px;
}
.midashi3 {
  padding: 4px 8px 4px 60px;
  color:brack;
  cursor:pointer;
  font-size:14px;
}

@media screen and (max-width: 767px) {
.sitemap .midashi {
  padding: 4px 8px 4px 40px;
  font-size:18px;
}
.sitemap .midashi2 {
  padding: 4px 8px 4px 60px;
  color:black;
  cursor:pointer;
  font-size:16px;
}
.sitemap .midashi3 {
  padding: 4px 8px 4px 80px;
  cursor:pointer;
  color:black;
  font-size:14px;
}

}

#dig_title {
  width:140%;
}
#dig_client {
  position:relative;
 /* top:-200px; */
 /* text-align:right; */
}
#dig_map {
  /* margin:0 8% 0 22%; */
  /* width:70%; */
  margin:0 12% 0 12%;
  width:76%;
}
#dig_cap {
  top:62%;
}
@media screen and (max-width: 767px) {

  #dig_title {
    width:100%;
  }
  #dig_client {
    top:0;
  }
  #dig_map {
    margin:0 15% 0 15%;
    width:70%;
  }
  #dig_cap {
    top:54%;
  }
}
@media screen and (max-width: 480px) {
  #dig_map {
    margin:0 8% 0 8%;
    width:84%;
  }
  #dig_cap {
    top:46%;
  }
}

#dig_secret {
  position:relative;
  margin:0 3.8%;
  top:-374px;
  text-align:left;
  line-height:2em;
}
#dig_secimg {
  margin:0 0 0 48%;
  width:52%;
}
@media screen and (max-width: 767px) {
  #dig_secret {
    top:0;
    margin:0 15px;
  }
  #dig_secimg {
    margin:0;
    width:100%;
  }
}