@charset "UTF-8";
#Btn_area {
  position: relative;
  z-index: 10;
  margin-top: 5rem;
  padding-bottom: 5rem; }

  /*------------------------------------------------------------
#experience_area
------------------------------------------------------------*/
#experience_area{
  position: relative;
  z-index: 10;
  margin-bottom: 6.25rem; }
  #experience_area .ttl_area{
    position: relative;
    margin-bottom: 1.875rem; }
    #experience_area .ttl_area:hover .img:before{
      opacity: 0; }
    #experience_area .ttl_area a {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 20; }
    #experience_area .ttl_area .ttl{
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10;
      color: #fff;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center; }
      #experience_area .ttl_area .ttl h2 .jp{
        font-size: 2.8125rem;
        font-weight: 500;
        display: block;
        margin-bottom: 1.875rem; }
      #experience_area .ttl_area .ttl h2 .en {
        font-size: 2.125rem;
        display: block;
        line-height: 1; }
    #experience_area .ttl_area .img{
      position: relative;
      line-height: 1; }
      #experience_area .ttl_area .img:before{
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background: #000;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.5;
        transition: all .3s 0s ease-in-out; }
      #experience_area .ttl_area .img img{
        width: 100%;
        height: auto; }
  #experience_area .contents_area_top{
    border-top: 1px solid #64696E;
	 }
	  #experience_area .contents_area_bottom{
    border-bottom: 1px solid #64696E; }
    #experience_area .contents_area h3{
      margin-bottom: 2.5rem; }
    #experience_area .contents_area .txt{
      margin-bottom: 2.5rem; }
    #experience_area .contents_area .btn_wrap {
      display: flex;
      justify-content: flex-end; }

#experience_area .contents_area .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  padding: 7.5rem 0; }
  #experience_area .contents_area .box .left_area {
    width: 30rem; }
  #experience_area .contents_area .box .right_area {
    width: 33.75rem; }
    #experience_area .contents_area .box .right_area img {
      width: 100%;
      height: auto;
      line-height: 1; }

@media screen and (max-width: 768px) {
  #experience_area {
    margin-bottom: 25.641025641vw; }
    #experience_area .contents_area .box {
      flex-direction: column-reverse;
      padding: 0; }
      #experience_area .contents_area .box .left_area {
        width: 100%; }
      #experience_area .contents_area .box .right_area {
        width: 100%;
        margin-bottom: 6.4102564103vw; }
        #experience_area .contents_area .box .right_area .img {
          display: flex;
          justify-content: center; }
        #experience_area .contents_area .box .right_area img {
          width: 73.0769230769vw; }
		  #experience_area .contents_area {
    margin-bottom:50px }
	 #experience_area .contents_area_bottom {
    padding-bottom:50px }
	 #experience_area .contents_area_top {
    padding-top:20px }
	 #experience_area .contents_area .btn_wrap {
display: flex;
        justify-content: center;}
		  #experience_area .contents_area_top{
    border-top:none;
	 }
	  #experience_area .contents_area_bottom{
     border-bottom:none;
	}
		}


		  @scope(.menu-list1) {


		.icon {
			display: flex!important;
			height: 100%;
			align-items: center;
			justify-content: center;
		}


	}