@media screen and (min-width: 1025px) and (max-width: 1200px){
  .mobile{display:none;}
  .desktop{display:block;}

  :root{
    --layout_width : 1140px;
    --layout_rate : calc(1140/1440);
  }

  body{
    background-size : calc(1440px * var(--layout_rate)) auto;
    background-position:center top calc(3700px * var(--layout_rate));
  }

  /* #popup-overlay{
    position:fixed;
    top : 0;
    left : 0;
    width:100%;
    height:100%;
    background-color:#172542;
    z-index:8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
  } */
  .popup .btn{
    position:absolute;
    right:calc(40px * var(--layout_rate));
    top:calc(40px * var(--layout_rate));
  }
  .popup{
    position:fixed;
    width:calc(940px * var(--layout_rate));
    height:calc(940px * var(--layout_rate));
    z-index : 9;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .popup.team{
    background-image:url("/src/img/bg/bg_pop_team.jpg");
  }
  .popup.portfolio .popup-content,
  .popup.team .popup-content{
    position:absolute;
    left : calc(155px * var(--layout_rate));
    top : calc(100px * var(--layout_rate));
    width:calc(700px * var(--layout_rate));
    line-height:1.25;
  }

  .popup.portfolio .popup-content .popup-content-head,
  .popup.team .popup-content .popup-content-head{
    clear:both;
    width:100%;
    overflow:hidden;
    width:100%;
    float:none;
    margin-bottom:calc(40px * var(--layout_rate));
  }

  .popup.portfolio .popup-content #c_photo,
  .popup.team .popup-content #c_photo{
    display:block;
    width:calc(160px * var(--layout_rate));
    height:calc(160px * var(--layout_rate));
    border-radius:100%;
    margin-right:calc(24px * var(--layout_rate));
    float:left;
  }

  .popup.portfolio .popup-content #c_photo{
    border-radius:0;
    width:80%;
    height:auto;
    margin:0 auto;
  }

  .popup-content-head-right{
    float:left;
    padding-top:calc(40px * var(--layout_rate));
  }

  .popup.portfolio .popup-content #c_name,
  .popup.team .popup-content #c_name{
    display:block;
    clear:both;
    font-size : calc(32px * var(--layout_rate));
    line-height:1;
    margin-bottom:calc(16px * var(--layout_rate));
  }
  .popup.portfolio .popup-content #c_title,
  .popup.team .popup-content #c_title{
    display:block;
    clear:both;
    font-size : 18px;
    line-height:1;
    color:#68adfc;
  }

  .popup.portfolio .popup-content #c_descript,
  .popup.team .popup-content #c_descript{
    clear:both;
    width:100%;
    /* height:calc(540px * var(--layout_rate));
    overflow:hidden;
    overflow-y: auto; */
  }
  .p_head{
    margin-bottom:10px;
  }
  .popup.portfolio .popup-content img.Linkedin,
  .popup.team .popup-content img.Linkedin{
    width:calc(33px * var(--layout_rate));
    height:calc(33px * var(--layout_rate));
    margin-top:calc(1em * var(--layout_rate));
  }
  .popup.portfolio .popup-content span,
  .popup.team .popup-content span{display:block;}

  #section_1 .section_1_video{
  }
  #section_1 .section_1_video .video_mask{
    position:absolute;
    top:0;
    left:0;
    width:calc(1440px * var(--layout_rate));
  }
  #section_1 .section_1_video .video_mask > img{
    width:calc(1440px * var(--layout_rate));
  }

  div.viewAll{
    background-image:url("/src/img/contents/viewAll.png");
    background-repeat:no-repeat;
    background-size:100% auto;
    clear:both;
    width : calc(104px * var(--layout_rate));
    height : calc(13px * var(--layout_rate));
    margin: 0 auto;
    margin-top:calc(45px * var(--layout_rate));
    cursor:pointer;
  }

    header{
      position:absolute;
      top:calc(calc(63px/2) * var(--layout_rate));
      left:0;
      z-index:2;
      height:calc(70px * var(--layout_rate));
      width:100%;
    }
    header div.gnb{
      width:calc(1440px * var(--layout_rate));
      margin:0 auto;
      padding-left : calc(calc(86px/2) * var(--layout_rate));
    }
    header div.gnb div.gnb_logo,
    header div.gnb ul.gnb_menu{float:left;}
    header div.gnb div.gnb_logo > img{width:calc(320px/2);}
    header div.gnb ul.gnb_menu li{
      float:left;
      margin-left:calc(calc(110px/2) * var(--layout_rate));
      cursor:pointer;
      line-height:46px;
      font-size:16px;
    }
    header div.gnb ul.gnb_menu li:hover{
      color:#00da2a;
    }

  	.isBg{
  	  background-position:left top;
  	  position:relative;
  		background-size:100% auto;
      width:calc(1440px * var(--layout_rate));
      margin:0 auto;
  		overflow: hidden;
  	}

    #section_video{
      width:calc(1440px * var(--layout_rate));
      height : calc(810px * var(--layout_rate));
    }
    #section_video video{
      width:100%;
    }

  	#section_1{
      /* background-image:url("/src/img/bg/bg_1.jpg"); */
      height : calc(calc(1550px/2)  * var(--layout_rate));
  	}

    #section_2{
      height : calc(calc(638px/2)  * var(--layout_rate));
    }

  	#section_3{
  	  background-image:url("/src/img/bg/bg_3.jpg");
      height : calc(calc(1234px/2) * var(--layout_rate));
  	}
  	#section_4{
  	  background-image:url("/src/img/bg/bg_4.jpg");
      height : calc(calc(1602px/2) * var(--layout_rate));
  	}
  	#section_5{
  	  background-image:url("/src/img/bg/bg_5.jpg");
      height : calc(calc(1464px/2) * var(--layout_rate));
  	}
  	#section_6{
  	  background-image:url("/src/img/bg/bg_6.jpg");
      height : calc(calc(930px/2) * var(--layout_rate));
  	}
  	#section_7{
  	  /* background-image:url("/src/img/bg/bg_7.jpg");
      height : calc(calc(1934px/2) * var(--layout_rate)); */
  	}
  	#section_8{
  		/* background-image:url("/src/img/bg/bg_7.jpg");
  		background-position:0 calc(-966px * var(--layout_rate));
      height : calc(calc(1824px/2) * var(--layout_rate)); */
  	  /* background-image:url("/src/img/bg/bg_8.jpg"); */
  	}
  	#section_9{
  		/* background-image:url("/src/img/bg/bg_7.jpg");
  	  background-position:0 calc(-1877px * var(--layout_rate)); */
      margin-top:calc(190px * var(--layout_rate));
  	}

  	#section_1 h1{
  	  position:absolute;
  	  left:calc(calc(151px/2) * var(--layout_rate));
  	  /* top:calc(calc(555px/2) * var(--layout_rate)); */
  		font-size:calc(64px * var(--layout_rate));
  		font-weight:200;
  	  line-height:1.3;
      letter-spacing:calc(-3px * var(--layout_rate));
      z-index:3;
  	}
  	#section_1 h1 > span{
  	  display:block;
  	  color:#172542;
  	}
  	#section_1 h1 span.ml{
  	  margin-left:calc(.7em * var(--layout_rate));
  	}



  	#section_2{}
  	#section_2 .inner{
      width:calc(calc(1640px/2) * var(--layout_rate));
      position:relative;
      top:calc(calc(168px/2) * var(--layout_rate));
      left : calc(calc(497px/2) * var(--layout_rate));
    }
  	#section_2 .inner h1{
      color:#68adfc;
      margin-bottom:calc(calc(80px/2) * var(--layout_rate));
      font-size:calc(64px * var(--layout_rate));
  		font-weight:200;
    }
  	#section_2 .inner .lead{
      font-size:calc(25px * var(--layout_rate));
      line-height:1.5;
    }
  	#section_2 .inner h1 br{display:none;}

  	#section_3{}
  	#section_3 .inner{
      width:calc(calc(1880px/2) * var(--layout_rate));
      margin:0 auto;
      position:relative;
      top:calc(calc(209px/2) * var(--layout_rate));
    }
  	#section_3 .inner span.title{
  		font-size:calc(34px * var(--layout_rate));;
  		display:block;
      margin-bottom:calc(calc(114px/2) * var(--layout_rate));
      position:relative;
      font-weight:400;
  	}
    #section_3 .inner span.title span.title_date{
      font-size:calc(18px * var(--layout_rate));
      position:absolute;
      right:0;
      bottom:0;
      color:#767676;
    }
  	#section_3 .inner div.group_themes{}
  	#section_3 .inner div.group_themes div.item_theme{
  		float:left;
  		border:1px solid #d3d3d3;
  		background-color:#fff;
  		margin-right:calc(calc(40px/2) * var(--layout_rate));
  		width:calc(calc(600px/2) * var(--layout_rate));
  		height:calc(calc(600px/2) * var(--layout_rate));
  		line-height:1;
  	}
  	#section_3 .inner div.group_themes div.item_theme:last-child{margin-right:0;}
  	#section_3 .inner div.group_themes div.item_theme > span{
  		color:#172542;
  		display:block;
      text-align:center;
      line-height:1;
  	}
  	#section_3 .inner div.group_themes div.item_theme > span.number{
      font-size:calc(46px * var(--layout_rate));
      color:#68adfc;
      font-weight:200;
      margin-top:calc(50px * var(--layout_rate));
    }
  	#section_3 .inner div.group_themes div.item_theme > span.number_sub{
  		font-size:calc(12px * var(--layout_rate));
      color:#47495a;
      text-transform: uppercase;
      font-weight: bold;
  		letter-spacing:calc(4px * var(--layout_rate));
  		margin-top:calc(23px * var(--layout_rate));
  	}
  	#section_3 .inner div.group_themes div.item_theme > span.number_line{
  		background-color:#68adfc;
  		color:#7f7f7f;
      width:calc(40px * var(--layout_rate));
  		height:calc(4px * var(--layout_rate));
      margin:0 auto;
  		margin-top:calc(29px * var(--layout_rate));
  	}
  	#section_3 .inner div.group_themes div.item_theme > span.number_desc{
  		color:#7f7f7f;
  		font-size:calc(12px * var(--layout_rate));
      margin-top:calc(22px * var(--layout_rate));
      padding:0 calc(24px * var(--layout_rate));
  	}

  	#section_4{}
  	#section_4 .inner{
  		position:relative;
  		left:calc(calc(1300px/2) * var(--layout_rate));
      top:calc(calc(290px/2) * var(--layout_rate));
      width : calc(calc(1060px/2) * var(--layout_rate));
  	}
  	#section_4 .inner > span{display:block;}
  	#section_4 .inner > span.title{
      color:#68adfc;
      font-size:calc(56px * var(--layout_rate));
      font-weight: 200;
      line-height:1;
      margin-bottom:calc(calc(123px/2) * var(--layout_rate));
    }
  	#section_4 .inner > span.sub_title{
      color:#3c4040;
      font-weight:700;
      margin-bottom:calc(21px * var(--layout_rate));
      font-size:calc(18px * var(--layout_rate));
    }
  	#section_4 .inner > span.sub_desc{
      color:#7f7f7f;
      line-height:1;
      margin-bottom:calc(50px * var(--layout_rate));
      font-size:calc(18px * var(--layout_rate));
    }

  	/* WHY US */
  	#section_5{}
  	#section_5 .inner{
      width:calc(940px * var(--layout_rate));
      margin:0 auto;
      position:relative;
      margin-top:calc(132px * var(--layout_rate));
    }
  	#section_5 .inner > span{display:block;}
  	#section_5 .inner span.title{
  		color:#68adfc;
      font-size:calc(56px * var(--layout_rate));
      font-weight: 200;
      line-height:1;
      margin-bottom:calc(50px * var(--layout_rate));
  	}
  	#section_5 .inner span.desc{
  		color:#7f7f7f;
      font-size:calc(24px * var(--layout_rate));
  		line-height:1.25;
      margin-bottom:calc(58px * var(--layout_rate));
  	}
  	#section_5 .inner div.group_themes{}
  	#section_5 .inner div.group_themes div.item_theme{
  		float:left;
  		margin-right:calc(115px * var(--layout_rate));
      width:calc(236px * var(--layout_rate));
  	}
  	#section_5 .inner div.group_themes div.item_theme:last-child{margin-right:0;}
  	#section_5 .inner div.group_themes div.item_theme > span{
  		color:#172542;
  		display:block;
  	}

  	#section_5 .inner div.group_themes div.item_theme > span.circle{
  			width:calc(120px * var(--layout_rate));
  			height:calc(120px * var(--layout_rate));
  			background-color:grey;
  			border-radius:100%;
        margin-bottom:calc(30px * var(--layout_rate));
  	}
    #section_5 .inner div.group_themes div.item_theme > span.circle.image{
      background-color:inherit;
      width:auto;
    }
    #section_5 .inner div.group_themes div.item_theme > span.circle.image > img{
      height:calc(120px* var(--layout_rate));
    }


  	#section_5 .inner div.group_themes div.item_theme > span.circle.circle_1{}
  	#section_5 .inner div.group_themes div.item_theme > span.circle.circle_2{background-color:#44546a;}
  	#section_5 .inner div.group_themes div.item_theme > span.circle.circle_3{background-color:#68adfc;}
  	#section_5 .inner div.group_themes div.item_theme > span.number_sub{
  		font-size:calc(18px * var(--layout_rate));
  		font-weight:700;
  		line-height:1.25;
  		margin-bottom:calc(22px * var(--layout_rate));
  	}
  	#section_5 .inner div.group_themes div.item_theme > span.number_desc{
  		color:#7f7f7f;
  		font-size:calc(18px * var(--layout_rate));
  		line-height:1.25;
  	}

  	/* carousel */
  	.owl-carousel{position:relative;}

  	#section_6{}
  	#section_6 .inner{
  		width:calc(940px * var(--layout_rate));
      height : calc(465px * var(--layout_rate));
  		position:relative;
      margin:0 auto;
  	}
  	#corousel_section_6{
  		width:calc(700px * var(--layout_rate));
  		height:calc(400px * var(--layout_rate));
      position:absolute;
      bottom:0;
  	}
  	/*
    #corousel_section_6 .item_inner .inc_quote{
  		display:block;
      width:55px;
  	}

  	#corousel_section_6 .item_inner .inc_quote.bottom{
      float:right;
      margin-bottom:100px;
  	}
  	#corousel_section_6 .item_inner .inc_quote .quote{
  		width:53px;
  		display:inline-block;
  	}
    */
    #corousel_section_6 .item_inner{
      height:calc(300px * var(--layout_rate));
      color:#fff;
  		line-height:1.5;
      position:relative;
  		font-size:calc(18px * var(--layout_rate));
    }
    #corousel_section_6 .item_inner .quote{
  		width:calc(53px * var(--layout_rate));
  		display:block;
      margin-bottom:1em;
  	}
    #corousel_section_6 .item_inner .quote.bottom{
      float:right;
      margin-right:calc(55px * var(--layout_rate));
    }
    #corousel_section_6 .item_inner p{
      /* width:calc(600px * var(--layout_rate)); */
      padding: 0 calc(55px * var(--layout_rate));
      margin-bottom:calc(1em * var(--layout_rate));
      word-break: keep-all;
    }
  	/* #corousel_section_6 .item_inner > p{
  		width:500px;
      height:300px;
  		color:#fff;
  		line-height:1.5;
      position:relative;
  		font-size:18px;
      float:left;
      margin-left : 100px;
  	} */
    #corousel_section_6 .item_inner .cap_trade{
      position:absolute;
      bottom:0px;
      left:calc(55px * var(--layout_rate));
    }
    #corousel_section_6 .item_inner .cap_trade .cap_trade_img{
      padding:calc(5px * var(--layout_rate)) calc(10px * var(--layout_rate));
      background-color:#fff;
      float:left;
      margin-right : calc(15px * var(--layout_rate));
    }
    #corousel_section_6 .item_inner .cap_trade > span{
      float:left;
      font-size:calc(18px * var(--layout_rate));
    }
    #corousel_section_6 .item_inner .cap_trade > span span{
      display:block;
      font-size:calc(14px * var(--layout_rate));
    }
    #corousel_section_6 .item_inner .cap_trade .img_quote_trade{
      height:calc(46px * var(--layout_rate));
      width:auto;
    }

  	#corousel_section_6 .owl-dots{
  		line-height:0!important;
  		position:absolute;
  		bottom:calc(40px * var(--layout_rate));
      left : calc(50px * var(--layout_rate));
  	}
  	#corousel_section_6 .owl-dots .owl-dot{
  		width:calc(9px * var(--layout_rate));
  		height:calc(9px * var(--layout_rate));
  		margin-right:calc(10px * var(--layout_rate));
  		background-color:#538ac9;
  		border-radius:100%;
  	}
  	#corousel_section_6 .owl-dots .owl-dot.active{
  		background-color:#fff;
  	}


  	/* TEAM */
  	#section_7{}
  	#section_7 .inner{
      width:calc(940px * var(--layout_rate));
      margin:0 auto;
      position:relative;
    }
  	#section_7 .inner > span{display:block;}
  	#section_7 .inner span.title{
  		color:#68adfc;
      font-size:calc(56px * var(--layout_rate));
      font-weight: 200;
      line-height:1;
      margin-top:calc(190px * var(--layout_rate));
  	}
  	#section_7 .inner span.desc{
  		color: #7f7f7f;
      font-size:calc(24px * var(--layout_rate));
  		line-height:1.25;
      margin-top:calc(50px * var(--layout_rate));
  	}
  	#section_7 .inner div.group_themes{
      width:calc(940px * var(--layout_rate));
  		margin:0 auto;
      margin-top:calc(55px * var(--layout_rate));
  	}
  	#section_7 .inner div.group_themes div.item_theme{
  		float:left;
  		/* margin-right:1vw; */
  		width:calc(235px * var(--layout_rate));
      margin-bottom:calc(70px * var(--layout_rate));
  	}
  	#section_7 .inner div.group_themes div.item_theme:nth-child(4n){margin-right:0;}
  	#section_7 .inner div.group_themes div.item_theme > span{
  		color:#172542;
  		display:block;
  		text-align:center;
  	}
  	#section_7 .inner div.group_themes div.item_theme > span.circle{
  		width:calc(140px * var(--layout_rate));
  		height:calc(140px * var(--layout_rate));
  		background-color:grey;
  		border-radius:100%;
  		margin:0 auto;
      position:relative;
      cursor:pointer;
  	}
    .circle_hover{
      width:calc(155px * var(--layout_rate));
  		height:calc(155px * var(--layout_rate));
      border:calc(5px * var(--layout_rate)) solid rgba(255, 255, 255, 0);
      position:absolute;
      top : calc(-8px * var(--layout_rate));
      left : calc(-8px * var(--layout_rate));
      border-radius:100%;
      /* display:None; */
    }
    .circle_hover:hover{
      border:5px solid #00da2a;
    }
  	#section_7 .inner div.group_themes div.item_theme > span.circle > img{
  		width:calc(140px * var(--layout_rate));
  		height:calc(140px * var(--layout_rate));
      border-radius:100%;
  	}
  	#section_7 .inner div.group_themes div.item_theme > span.circle.circle_1{}
  	#section_7 .inner div.group_themes div.item_theme > span.circle.circle_2{background-color:#44546a;}
  	#section_7 .inner div.group_themes div.item_theme > span.circle.circle_3{background-color:#68adfc;}
  	#section_7 .inner div.group_themes div.item_theme > span.number_sub{
  		font-size:calc(18px * var(--layout_rate));
      color:#47495a;
  		font-weight:bold;
      margin-top:calc(20px * var(--layout_rate));
  	}
  	#section_7 .inner div.group_themes div.item_theme > span.number_desc{
  		color:#6baffd;
  		font-size:calc(18px * var(--layout_rate));
      margin-top:calc(10px * var(--layout_rate));
      height:calc(2em * var(--layout_rate));
  	}

  	/* LIFESCI PARTNER PLATFORM */
    #section_8{
      padding-top:calc(190px * var(--layout_rate));
    }
  	#section_8 .inner{
      width:calc(940px * var(--layout_rate));
      margin:0 auto;
      position:relative;
    }
  	#section_8 .inner > span{display:block;}
  	#section_8 .inner span.title{
      color:#68adfc;
      font-size:calc(56px * var(--layout_rate));
      font-weight: 200;
      line-height:1;
  	}
  	#section_8 .inner span.title br{display:none;}
  	#section_8 .inner span.desc{
  		color: #7f7f7f;
      font-size:calc(24px * var(--layout_rate));
  		line-height:1.25;
      margin-top:calc(50px * var(--layout_rate));
  	}
  	#section_8 .inner div.group_themes{
      width : calc(940px * var(--layout_rate));
      margin-top:calc(50px);
    }
  	#section_8 .inner div.group_themes div.item_theme{
  		width:calc(461px * var(--layout_rate));;
  		height:calc(108px * var(--layout_rate));
      line-height:calc(30px * var(--layout_rate));
      margin-right:calc(17px * var(--layout_rate));
      margin-bottom:calc(16px * var(--layout_rate));
  		padding-left:calc(17px * var(--layout_rate));
  		font-size:calc(24px * var(--layout_rate));
      border:1px solid #D3D3D3;
      background-color:#fff;
      float:left;
      display : flex;
      align-items : center;
      justify-content: left;
      cursor:pointer;
      position:relative;
  	}
  	#section_8 .inner div.group_themes div.item_theme:nth-child(2n){margin-right:0;}
  	#section_8 .inner div.group_themes div.item_theme > span.box{
  		color:#172542;
  	}
    #section_8 .inner div.group_themes div.item_theme > span.box > span{
      font-size:calc(18px * var(--layout_rate));
      color:#00da2a;
      display:none;
    }
    #section_8 .inner div.group_themes div.item_theme > span.box img.allow_partner{
      position:absolute;
      width:calc(20px * var(--layout_rate));
      height:auto;
      right:calc(17px * var(--layout_rate));
      top:calc(45px * var(--layout_rate));
      display:none;
    }
    #section_8 .inner div.group_themes div.item_theme:hover{
      border:1px solid #172542;
    }
    #section_8 .inner div.group_themes div.item_theme:hover > span.box > span{
      display:block;
    }
    #section_8 .inner div.group_themes div.item_theme:hover > span.box img.allow_partner{
      display:inline-block;
    }

  	#section_9{}
  	#section_9 .inner{
      width:calc(940px * var(--layout_rate));
      margin:0 auto;
      position:relative;
    }
  	#section_9 .inner > span{display:block;}
  	#section_9 .inner span.title{
      color:#68adfc;
      font-size:calc(56px * var(--layout_rate));
      font-weight: 200;
      line-height:1;
  	}

  	#inner_portfolio{clear:both;}
  	#inner_portfolio:after{display:block;content:"";clear:both;}

  	#inner_portfolio .desc{
      color: #7f7f7f;
      font-size:calc(24px * var(--layout_rate));
      line-height:1.25;
      margin-top:calc(50px * var(--layout_rate));
  	}
  	#inner_portfolio .group_themes{
      width : calc(940px * var(--layout_rate));
      margin-top:calc(50px * var(--layout_rate));
    }
  	#inner_portfolio .group_themes .item_theme{
  		width:calc(220px * var(--layout_rate));
  		float:left;
  		margin-right:calc(18px * var(--layout_rate));
  		margin-bottom:calc(50px * var(--layout_rate));
  	}
    #inner_portfolio .group_themes .item_theme.bottom{
      display:none;
    }
    #inner_portfolio .group_themes .item_theme:nth-child(4n){margin-right:0;}
  	#inner_portfolio .group_themes .item_theme figure{
      overflow:hidden;
      width:calc(220px * var(--layout_rate));
      height:calc(220px * var(--layout_rate));

    }
  	#inner_portfolio .group_themes .item_theme figure span.inc_img{
  		display:block;
      width:calc(220px * var(--layout_rate));
      height:calc(220px * var(--layout_rate));
      border:1px solid #d3d3d3;
  		background-color:#fff;
  		background-size:80%;
  		background-position:center center;
      cursor:pointer;
  	}
    #inner_portfolio .group_themes .item_theme figure span.inc_img.img{}
    #inner_portfolio .group_themes .item_theme figure span.inc_img.descript{
      background-color:#172542;
      color:#fff;
      display:none;
      padding:calc(20px * var(--layout_rate)) calc(15px * var(--layout_rate));
      line-height: 1.25;
    }
    #inner_portfolio .group_themes .item_theme figure span.inc_img.descript span{
      display:block;
      margin-bottom:calc(15px * var(--layout_rate));
    }
    #inner_portfolio .group_themes .item_theme figure span.inc_img.descript span.des_line{
      height:1px;
      background-color:#fff;
    }


  	#inner_portfolio .group_themes .item_theme figure img{width:100%;}
  	#inner_portfolio .group_themes .item_theme figcaption{
  		text-align:center;
  		font-size:calc(14px * var(--layout_rate));
  		color:#7f7f7f;
      margin-top:calc(10px * var(--layout_rate));
  	}


  	/* inner_news */
  	#inner_news{
      width:calc(940px * var(--layout_rate));
      clear:both;
      margin-top:calc(190px * var(--layout_rate))!important;}
  	#inner_news:after{
  		display:block;content:"";clear:both;
  	}
    #inner_news .inner span.title{
      color:#68adfc;
      font-size:calc(56px * var(--layout_rate));
      font-weight: 200;
      line-height:1;

  	}
  	#inner_news .item_theme{
      width:calc(940px * var(--layout_rate));
      font-size:calc(18px * var(--layout_rate));
      margin-top:calc(50px * var(--layout_rate));
      color: #7F7F7F;
    }
  	#inner_news .item_theme:after{
  		display:block;content:"";clear:both;
  	}
  	#inner_news .item_theme .main{
  		position:relative;
  		padding:1.8vw;
  		width:calc(622px * var(--layout_rate));
  		height:calc(434px * var(--layout_rate));
  		float:left;
      border-style : solid;
      border-color : #68adfc #d3d3d3 #d3d3d3 #d3d3d3;
  		border-width:calc(4px * var(--layout_rate)) calc(1px * var(--layout_rate)) calc(1px * var(--layout_rate)) calc(1px * var(--layout_rate));
  		background-color:#fff;
      margin-right:calc(16px * var(--layout_rate));
  	}
    #inner_news .item_theme .main:hover{
      border-color : #68adfc #172542  #172542  #172542 ;
    }
  	#inner_news .item_theme .txt{
  		line-height: 1.25;
  	}


  	#inner_news .item_theme .main .txt{}
  	#inner_news .item_theme .main .date{
  		position:absolute;bottom:0;
  		padding:calc(1em * var(--layout_rate));
  	}
  	#inner_news .item_theme .sub{
      width:calc(302px * var(--layout_rate));
      float:left;
      margin-bottom:calc(26px * var(--layout_rate));
    }
    #inner_news .item_theme .sub.bottom{
      margin-right:calc(16px * var(--layout_rate));
      display:none;
    }
    #inner_news .item_theme .sub.bottom:nth-child(3n){margin-right:0px;}
  	#inner_news .item_theme .sub .sub_item{
  		position:relative;
  		width:calc(302px * var(--layout_rate));
  		height:calc(204px * var(--layout_rate));
  		border-style : solid;
  		border-color : #68adfc #d3d3d3 #d3d3d3 #d3d3d3;
  		border-width:calc(4px * var(--layout_rate)) calc(2px * var(--layout_rate)) calc(2px * var(--layout_rate)) calc(2px * var(--layout_rate));
  		margin-bottom:calc(20px * var(--layout_rate));
      background-color:#fff;
  	}
    #inner_news .item_theme .sub .sub_item:hover{
      border-color : #68adfc #172542 #172542 #172542;
    }
  	#inner_news .item_theme .sub .sub_item:last-child{
  		margin-bottom:0;
  	}
  	#inner_news .item_theme .sub .sub_item .txt{
      font-size:calc(18px * var(--layout_rate));
      padding:calc(18px * var(--layout_rate));
    }
  	#inner_news .item_theme .sub .sub_item .date{
      font-size:calc(18px * var(--layout_rate));
  		position:absolute;
      bottom:0;
  		padding:calc(18px * var(--layout_rate));
  	}

    .news-item{
      position:relative;
      cursor:pointer;
    }
    .allow_news{
      position:absolute;
      width:calc(20px * var(--layout_rate));
      height:auto;
      bottom:calc(10px * var(--layout_rate));
      right:calc(18px * var(--layout_rate));
      display:none;
    }
    .news-item:hover .allow_news{
      display:inline-block;
    }


  	#inner_contact{
      clear:both;
  		width:calc(1440px * var(--layout_rate))!important;
      margin:0 auto;
      margin-top:calc(150px * var(--layout_rate))!important;
  		height:calc(500px * var(--layout_rate));
  		background-image:url("/src/img/bg/bg_inner_contact.png");
  		background-position:top right;
  	}
  	#inner_contact .desc{
      margin-left : calc(250px * var(--layout_rate));
      padding-top:calc(100px * var(--layout_rate));
  		width:calc(350px * var(--layout_rate));
  		font-size:calc(18px * var(--layout_rate));
  		line-height:1;
  	}
  	#inner_contact .desc > span{
  		display:block;
  		margin-bottom:calc(16px * var(--layout_rate));
  	}
  	#inner_contact .desc > span.bold{
  		color:#172542;
  		font-weight:bold;
  		margin-bottom:calc(16px * var(--layout_rate));
  	}
  	#inner_contact .desc > span.bold.bold2{
  		margin-bottom:calc(25px * var(--layout_rate));
  	}

    #inner_contact .desc > a.email{
      color:#767676;
    }
    #inner_contact .desc > a.email:Hover{
      color:#172542;
      text-decoration:underline;
    }
    #inner_contact .desc > span.address{
      color:#767676;
    }
  	#inner_contact .desc > span.phone{
      color:#767676;
      height:calc(18px * var(--layout_rate));
      line-height:calc(18px * var(--layout_rate));
  		background-image:url("/src/img/icon/icon_phone.png");
      background-size:auto 100%;
      background-position:center left;
      padding-left : calc(25px * var(--layout_rate));
  	}
    #inner_contact .desc > a{
      display:block;
  		color:#00da2a;
      text-decoration:none;
  	}


  	footer{
      margin-top:calc(75px * var(--layout_rate));
      margin-bottom:calc(75px * var(--layout_rate));
    }
  	footer .footer{
      width:calc(940px * var(--layout_rate));
      margin:0 auto;
  		border-top:1px solid #d3d3d3;
  		padding:calc(1em * var(--layout_rate)) 0;
  		font-size:calc(18px * var(--layout_rate));
  	}
  	footer .footer:after{
  		clear:both;content:"";display:block;
  	}
  	footer .footer br{display:none;}
  	footer .footer > a,
  	footer .footer > span{float:left;margin-right:calc(1em * var(--layout_rate));}
  	footer .footer > a{color:#00da2a;}
  	footer .footer > span.sns{float:right;}
  	footer .footer > span.sns img{width:calc(34px * var(--layout_rate));margin-left:calc(1em * var(--layout_rate));}

    #btn_toTop{
      position:fixed;
      left : calc(50% + calc(650px * var(--layout_rate)));
      bottom:20px;
    }

}