@charset "utf-8";
/* CSS Document */

/*--------------共通----------------*/

img {
    width: 100%;
}
/*--------------mv----------------*/

.yubin a { color: #000;}

@media screen and (min-width: 750px){
    html {
        font-family:"Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",  "ヒラギノ角ゴ Pro W3", "sans-serif";
    }
    body {
        background: rgb(245, 245, 245);
            
    }
    
    p {
            font-size: 0.91vw;
    margin: 0;
    font-weight: 500;
    }
     
    h4 {
        font-size: 1.01vw;
            margin: 0; box-sizing: border-box; padding-left: 2em; position: relative; margin-bottom: 0.5vw;
    }
    
    h3 {
        font-size: 1.01vw;
            margin: 0;
    }
    
    h2 {
        font-size:2vw;
        margin: 0;
    }
    
    #mv {
        background: #000;
    
}
    
	#totop { position: fixed; right: 40px; bottom: 40px; width: 50px;}
	#totop a {}
	#totop img { width: 100%; height: auto;}
	
	.logoarea { width: 90%; margin: 0 auto 3vw;}
	.logoarea img { width: 10vw;}
	
    .mv_flex {
        display: flex;
    justify-content: center;
    height: 22.5vw;
    background: #000;
    margin: 0 auto;
    width: 50.1vw;
    }   
	.footarea { background: #000; height: 22.5vw;}
    .mv_left {
        width: 16.86vw;
    }
      .mv_center {
        width: 16.86vw;
    }
      .mv_right {
        width: 16.86vw;
    }
    /*--------------box_bg----------------*/    
    .w_bg {
           background: #fff;
    width: 50.1vw;
    margin: 0 auto;
    padding-top: 2.1vw;
    padding-bottom: 4vw;
    margin-top: 2.6vw;
		padding-bottom: 5vw; margin-bottom: 10vw;
    }
/*--------------sec1----------------*/    
    .red_title {
        color: #ff0000;
        width: 30vw;
        font-family: 'Hirakakupro w6', "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W6", "sans-serif";
            margin: 0 auto;
        text-align: center;
    }
    
    .main_text {
             margin: 3.3vw auto 0;
    width: 42.5vw;
    text-align: left;
    line-height: 1.9;
    }
    
    .main_text h3 {
            line-height: 1.9;
    }
    
    .ancar {
         width: 42.5vw;
        margin: 0 auto;
         padding-top: 5.6vw;
    }  
    
    .ancar img {
        width: 100% !important;
        height: auto !important;
    }
 /*--------------sec2----------------*/    
    
    area{
border:none;
outline:none;
}
    
    a {
        text-decoration: none;
    }
    .tel {
        color: #000;
    }
    h4 span {
       color: #ed1c24;
    font-size: 1.4vw;
    vertical-align: middle; position: absolute; left: 0; top: -0.25vw;
    }
    
    p span {
        color: #c1272d;
    }  
    hr {
           margin-top: 3.4vw;
    margin-bottom: 1.6vw;
    width: 39.25vw;
        color: #dcdcdc;
    }
    
    .tokyo {
        width: 39.25vw;
        text-align: left;
        margin: 0 auto;
    }
    
    .china {
        width: 39.25vw;
        text-align: left;
        margin: 0 auto;
    }
    
    .estonia {
        width: 39.25vw;
        text-align: left;
        margin: 0 auto;
    }

    .turkiye {
        width: 39.25vw;
        text-align: left;
        margin: 0 auto;
    }

    
    
	.maparea { position: relative;}
	/* .linkuk { width: 2em; height: 2vw; display: block; position: absolute; left: 0.5vw; top: 4vw;}
	.linktokyo { width: 9em; height: 3vw; display: block; position: absolute; left: 22vw; top: 9vw;}
	.linkgermany { width: 6em; height: 1.6vw; display: block; position: absolute; left: 7vw; top: 6vw;}
	.linkfrance { width: 4em; height: 1.6vw; display: block; position: absolute; left: 0; top: 8.2vw;}
	.linkestonia { width: 5em; height: 1.6vw; display: block; position: absolute; left: 9vw; top: 3vw;}
	.linkusa { width: 3em; height: 1.6vw; display: block; position: absolute; left: 36.3vw; top: 8.2vw;}
	.linkchina { width: 4em; height: 1.6vw; display: block; position: absolute; left: 15.2vw; top: 4.7vw;}
	.linkturkiye {
    width: 4.4em;
    height: 1.6vw;
    display: block;
    position: absolute;
    left: 5.8vw;
    top: 9.7vw;
  } */

  .innerlink {
    position: absolute;
    display: block;
    width: 1vw;
    height: 1vw;
    left: 0vw;
    top: 0vw;
  }

  .innerlink:hover {
    background-color: rgb(255, 255, 255, 0.8);

  }

  .linkuk {
    left: 3.2vw;
    top: 5.5vw;
  }
  .linktokyo {
    left: 19.6vw;
    top: 8.2vw;
  }
  .linkgermany {
    left: 5.4vw;
    top: 6.4vw;
  }
  .linkfrance {
    left: 4.4vw;
    top: 6.5vw;
  }
  .linkestonia {
    left: 6.4vw;
    top: 5.2vw;
  }
  .linkusa {
    left: 33.7vw;
    top: 7vw;
  }
  .linkchina {
    left: 16.7vw;
    top: 8.2vw;
  }
  .linkturkiye {
    left: 7.2vw;
    top: 7.6vw;
  }
	
    .germany {
        width: 39.25vw;
        text-align: left;
        margin: 0 auto;
    }
    
   .italy {
        width: 39.25vw;
        text-align: left;
        margin: 0 auto;
    }
    
    
    .france {
        width: 39.25vw;
        text-align: left;
        margin: 0 auto;
    }
    
    .uk {
        width: 39.25vw;
        text-align: left;
        margin: 0 auto;
    }
    
    .usa {
      width: 39.25vw;
      text-align: left;
      margin: 0 auto;
    }

    .cml {
      width: 39.25vw;
      text-align: left;
      margin: 0 auto;
    }

    .ttl {
      font-size: 1.3em;
      font-weight: bold;
      padding: 5px 15px;
      width: 39.25vw;
      text-align: left;
      margin: 3vw auto 1.6vw;
      background-color: black;
      color: white;
    }
  
    .sp {
        display: none;
    }

    

    
}

@media screen and (max-width: 750px) {
     html {
        font-family:"Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",  "ヒラギノ角ゴ Pro W3", "sans-serif";
    }
    body {
        background: rgb(245, 245, 245);
            
        margin: 0 ;
    }
    
    p {
            font-size: 3.23vw;
    margin: 0;
    font-weight: 500;
    }
    
    h4 {
        font-size: 4.04vw;
        margin: 0; position: relative; box-sizing: border-box; padding-left: 1.6em; margin-bottom: 1.5vw;
    }
    
    h3 {
     font-size: 4.57vw;
            margin: 0;
    }
    
    h2 {
           font-size: 7vw;
    margin: 0;
    }
    
    #mv {
        background: #000;
        width: 100vw;
}
    #totop { position: fixed; right: 3vw; bottom: 3vw; width: 12vw;}
	#totop a {}
	#totop img { width: 100%; height: auto; opacity: 0.7;}
	
	.logoarea { width: 90%; margin: 0 auto 3vw;}
	.logoarea img { width: 40vw;}
	
     .mv_flex {
           display: flex;
    justify-content: space-between;
      height: 44.51vw;
    background: #20201f;
    margin: 0 auto;
    width: 100vw;

    }   
    .footarea { background: #000; height: 80.51vw;}
    .mv_left {
       width: 33.3vw;
    }
      .mv_center {
        width: 33.3vw;
    }
      .mv_right {
        width: 33.3vw;
    }
      .w_bg {
             background: #fff;
    margin: 0 auto;
    padding-top: 5.1vw;
    padding-bottom: 10vw;
              width: 100vw; margin-bottom: 10vw;
    }
/*--------------sec1----------------*/    
    .red_title {
        color: #ff0000;
        width: 90vw;
        font-family: 'Hirakakupro w6', "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W6", "sans-serif";
            margin: 0 auto;
        text-align: center;
            padding: 3.55vw 0vw;
    }
    
    .main_text {
            margin: 3.3vw auto 0;
    width: 85.6vw;
    line-height: 1.9;
    text-align: center;
    }
    
    .main_text h3 {
            line-height: 1.9;
    
}
     .ancar {
        width: 85.5vw;
    margin: 0 auto;
    padding-top: 8.6vw;
    }  
    
    .ancar img {
        width: 100% !important;
        height: auto !important;
    }
 /*--------------sec2----------------*/    
    
    area{
border:none;
outline:none;
}
    
    .btn_flex {
      width: 86.6vw;
    display: flex;
    justify-content: space-between;
    margin: 2vw auto;
    }
    .btn_area {
        width: 87vw;
        margin: 12vw auto;
    }
    .btn {
         width: 41.5vw;
    }
    
    a {
        text-decoration: none;
    }
    
    .tel {
        color: #000;
    }
    h4 span {
       color: #ed1c24;
    font-size: 5.4vw;
    vertical-align: middle; position: absolute; top: -1vw; left: 0;
    }
    
    p span {
        color: #c1272d;
    }  
    hr {
            margin-top: 3.4vw;
    margin-bottom: 1.6vw;
    width: 90vw;
    color: #dcdcdc;
    }
    
       .tokyo {
              width: 86vw;
    text-align: left;
    margin: 0 auto;
    }.germany {
              width: 86vw;
    text-align: left;
    margin: 0 auto;
    }.estonia {
              width: 86vw;
    text-align: left;
    margin: 0 auto;
    }.uk {
              width: 86vw;
    text-align: left;
    margin: 0 auto;
    }.france {
              width: 86vw;
    text-align: left;
    margin: 0 auto;
    }.italy {
              width: 86vw;
    text-align: left;
    margin: 0 auto;
    }.usa {
              width: 86vw;
    text-align: left;
    margin: 0 auto;
    }.china {
              width: 86vw;
    text-align: left;
    margin: 0 auto;
    }
    .turkiye {
      width: 86vw;
      text-align: left;
      margin: 0 auto;
    }
    .cml {
      width: 86vw;
      text-align: left;
      margin: 0 auto;
    }
	
	.maparea { position: relative;}
	.linkuk { width: 1em; height: 2vw; display: block; position: absolute; left: 1.5vw; top: 9vw;}
	.linktokyo { width: 5em; height: 4vw; display: block; position: absolute; left: 43vw; top: 19vw; }
	.linkgermany { width: 4em; height: 1.6vw; display: block; position: absolute; left: 14vw; top: 13.5vw;}
	.linkfrance { width: 3em; height: 1.7vw; display: block; position: absolute; left: -2vw; top: 17.2vw;}
	.linkitaly { width: 3em; height: 1.8vw; display: block; position: absolute; left: 14vw; top: 20.5vw;}
	.linkestonia { width: 3em; height: 1.6vw; display: block; position: absolute; left: 18vw; top: 6.8vw;}
	.linkusa { width: 2em; height: 1.6vw; display: block; position: absolute; right: 6.3vw; top: 17.6vw;}
	.linkchina { width: 2.6em; height: 1.6vw; display: block; position: absolute; left: 28vw; top: 11.2vw;}
	.linkturkiye { width: 2.6em; height: 1.6vw; display: block; position: absolute; left: 11.4vw; top: 20.2vw;}

  .ttl {
    font-size: 1.2em;
    font-weight: bold;
    padding: 2vw 3.5vw;
    width: 86vw;
    text-align: left;
    margin: 6vw auto 3vw;
    background-color: black;
    color: white;
  }
}