@charset "utf-8";



.modal_box {

height: 750px;
  position: fixed;
  z-index: 7777;
  display: none;
  width: 1000px;

  margin: 0;
  /* padding: 0px 0vw 80px; */
  border-radius: 0.6rem;
  text-align: center;
  background: #fff;
  box-sizing: border-box;
}

@media screen and (min-width:1000px) and (max-width:1365px){
  .modal_box{height: 560px;} 
}

@media screen and (min-width:1366px) and (max-width:1535px){
  .modal_box{height: 600px;} 
}

@media screen and (min-width:1536px) and (max-width:1599px){
  .modal_box {height:680px ;} 
}


@media screen and ( max-width:500px) {
  .modal_box {
    height:500px ;
    width: 300px;
  padding-bottom: 10px;
  top:47px !important;
  
  }
  
}

@media screen and (min-width:501px) and ( max-width:620px) {
  .modal_box {
height: 500px;
    width: 500px;
  
  
  }
  
}




@media screen and (min-width:621px) and ( max-width:999px) {
  .modal_box {

    width: 600px;
  height: 600px;
  
  }
  
}

@media screen and (min-width:1000px) and ( max-width:1199px) {
  .modal_box {

    width: 800px;
  
  
  }
  
}

 .modal_inner{

  height: 750px;
  overflow-y:scroll;
  position: relative;

}
@media screen and (max-width:500px){
  .modal_inner{height: 500px;} 
}






@media screen and (min-width:1000px) and (max-width:1365px){
  .modal_inner{height: 560px;} 
}







@media screen and (min-width:1536px) and (max-width:1599px){
  .modal_inner{

    height: 680px;
     overflow-y:scroll;
     position: relative;
   
   }
}


@media screen and (min-width:1366px) and (max-width:1535px){
  .modal_inner{

    height: 600px;
     overflow-y:scroll;
     position: relative;
   
   }}



@media screen and ( min-width:501px) and (max-width:620px){

  .modal_inner{

   height: 500px;
    overflow-y:scroll;
    position: relative;
  
  }
  
}

@media screen and ( min-width:621px) and (max-width:999px){

  .modal_inner{

   height: 600px;
    overflow-y:scroll;
    position: relative;
  
  }
  
}

/* @media screen and ( max-width:500px) { 

  .modal_inner{

    height: 500px;
   
  
  }
  
}
*/




.modal_close {

    position: absolute;
    top: -10px;
    right: -43px;
    display: block;
    width: 23px;
    font-size: 38px;
    color: #fff;
    line-height: 62px;
    text-align: center;
  }
.modal_close i {
  line-height: 62px;
  vertical-align: bottom;
}



@media screen and ( max-width:819px) {
  .modal_close  {

    
     
      top: -40px;
      right: -6px;
 
  font-size: 30px;
  
  
  }
  
}


@media screen and( max-width:1199px) {
  .modal_box {

    width: 800px;
  
  
  }
  
}


.modal_bg {
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 6666;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(0,0,0,0.7);
}

.link_area {
  overflow: hidden;
  max-width: 410px;
  margin: 30px auto 0;
  text-align: center;
}

.link_area .modal_link {
  display: inline;
  position: absolute;
  left: 490px;
  cursor:pointer
}



@media screen and (min-width:501px) and (max-width:620px) {
  .link_area .modal_link {
 
    left: 240px;
  }
}


@media screen and (min-width:621px) and (max-width:999px) {
  .link_area .modal_link {
 
    left: 298px;
  }
}




@media screen and (max-width:500px) {
  .link_area .modal_link {
 
    left: 164px;
  }
}




@media screen and (min-width:1000px) and (max-width:1200px) {
  .link_area .modal_link {
  
    left: 334px;
  }
}







.link_area .modal_link_1 {
  display: inline;
  position: absolute;
  right: 87px;
cursor:pointer

}










@media screen and (min-width:621px) and (max-width:999px) {
  .link_area .modal_link_1 {
  
    left: -75px;
  }
}

@media screen and (min-width:501px) and (max-width:620px) {
  .link_area .modal_link_1 {
  
    left: -9px;
  }
}
@media screen and (min-width:1000px) and (max-width:1200px) {
  .link_area .modal_link_1 {
  
    right: -73px;
  }
}




.modal_link_1:hover{opacity: 0.4;}
.modal_link:hover{opacity: 0.4;}

.p-header-menu__nav--list li:hover{opacity: 0.4;}


.p-header-menu__nav--list_2 img{height:88px;}

@media screen and (max-width:1000px) {
.p-header-menu__nav--list img{height:67px;}
}












@media screen and (max-width:500px) {
  .link_area .modal_link_1 {
  
    right: -127px;
  }
}





@media screen and (max-width:500px) {
  .link_area .modal_link_1 {
  
    right: -127px;
  }
}


.link_area .modal_link a {
  position: relative;
  justify-content: center;
  display: flex;
  width: 180px;
  color: #A50034;
  line-height: 2.5;
  text-decoration: none;

border-radius: 0.4rem;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid #A50034;
}

@media screen and (max-width:819px) {
  .link_area .modal_link a {

  

    font-size: 13px;
    
  }
}


















.link_area .modal_link_1 a {
  position: relative;
  justify-content: center;
  display: flex;
  width: 180px;
  color: #A50034;
  line-height: 2.5;
  text-decoration: none;

border-radius: 0.4rem;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid #A50034;
}



@media screen and (max-width:500px) {
  .link_area .modal_link_1 a {

  


    width: 120px;
  
    
  }
}





@media screen and (max-width:819px) {
  .link_area .modal_link_1 a {

  

    font-size: 13px;
    
  }
}


.arrow_tugie{ top: 0px;
  transform: rotate(-180deg);
  position: absolute;
 
  left: 6px; }
  .arrow_maee{ top: 2px;
    
    position: absolute;
   
    right: 6px; }

.link_area ul{display: flex;


  justify-content: center;
  position: absolute;












}

.link-area ul li.modal_link:first-child a {
  float: left;
}

.link-area ul li.modal_link_1:first-child a {
  float: left;
}

.link-area ul li.modal_link:last-child a {
  float: right;
}

.link-area ul li.modal_link_1:last-child a {
  float: right;
}
@media screen and (max-width: 769px) {

/*  ウィンドウサイズ769px以下の時のスタイル  */


.modal_close {
    width: 40px;
    line-height: 40px;
    font-size: 30px;
}

.modal_close i {
    line-height: 44px;
}

.link_area {
    margin: 25px auto 0;
}


.link_area .modal_link_1 a {
  margin: 15px auto 0;
}

.link_area ul li.modal_link:first-child a {
    float: none;
    margin-top: 0;
}

.link_area ul li.modal_link_1:first-child a {
  float: none;
  margin-top: 0;
}

.link_area ul li.modal_link:last-child a {
    float: none;
}
.link_area ul li.modal_link_1:last-child a {
  float: none;
}


}



















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

/*  ウィンドウサイズ769px以下の時のスタイル  */


.modal_close {
    width: 40px;
    line-height: 40px;
    font-size: 30px;
}

.modal_close i {
    line-height: 44px;
}

.link_area {
    margin: 25px auto 0;
}


.link_area .modal_link_1 a {
  margin: 15px auto 0;
}

.link_area ul li.modal_link:first-child a {
    float: none;
    margin-top: 0;
}

.link_area ul li.modal_link_1:first-child a {
  float: none;
  margin-top: 0;
}

.link_area ul li.modal_link:last-child a {
    float: none;
}






.link_area ul li.modal_link_1:last-child a {
  float: none;
}


}

@media screen and (max-width: 500px){
  .link_area ul li.modal_link:last-child a {
      
      width: 120px;
  }}



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


  .wafer_ttl_wrapper {

    padding: 12px 0 12px 11px;
   
}



}





















/* モーダル全体のレイアウト */
.wafer_modal_inner__ttl{font-size:18px;font-weight: 500;color:#A50034 ;}





.photo_mask_modal_inner__ttl{font-size:18px;font-weight: 500;color:#386843 ;}
.environment_modal_inner__ttl{font-size:18px;font-weight: 500;color:#007AA9 ;}

.wafer_modal_ttl{font-size:16px ;color:#fff ;font-weight: 400;text-align: left;}

@media screen and (max-width:999px) {
  .wafer_modal_ttl{font-size:14px ;}
}

.wafer_modal_inner__ttl {
  font-size: 18px;
  font-weight: bold;
  color: #A50034;
  text-align: left;
  width: 944px;
  margin: 0 auto;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 2px solid;
 

}


@media screen and (max-width:500px) {
  .wafer_modal_inner__ttl {


      font-size: 16px;
   
  
  
   
  
  } 
}



@media screen and (min-width:501px) and (max-width:620px) {
  .wafer_modal_inner__ttl {

    font-size: 16px;
  
    text-align: left;
    width: 424px;

 
  
   
  
  } 
}












@media screen and (min-width:621px) and (max-width:819px) {
  .wafer_modal_inner__ttl {

    font-size: 16px;
    font-weight: bold;
    color: #A50034;
    text-align: left;
    width: 282px;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 2px solid;
 
  
   
  
  } 
}

@media screen and (min-width:621px) and (max-width:999px) {
  .wafer_modal_inner__ttl {

    font-size: 16px;
 
 
  
   
  
  } 
}


@media screen and (max-width:500px) {
  .wafer_modal_inner__ttl {

   width:274px;
  
 
  
  } 
}

@media screen and (min-width: 621px) and (max-width: 999px){
.wafer_modal_inner__ttl {
    width: 554px;
}
}












@media screen and (min-width:1000px) and (max-width:1199px) {
  .wafer_modal_inner__ttl {

    width: 624px;
  
   
  
  } 
}


.wafer_ttl_wrapper{background-color: #A50034;padding:12px 0 12px 23px;border-radius: 0.6rem 0.6rem 0rem 0rem;}



@media screen and ( max-width:500px) {
  .wafer_ttl_wrapper{padding:12px 0 12px 6px;}
}

@media screen and (min-width:501px) and ( max-width:620px) {
  .wafer_ttl_wrapper{padding:12px 0 12px 31px;}
}

@media screen and (min-width:621px) and ( max-width:819px) {
  .wafer_ttl_wrapper{padding:12px 0 12px 180px;}
}



@media screen and (min-width: 621px) and (max-width: 819px){
.wafer_ttl_wrapper {
    padding: 12px 0 12px 21px;
}}



@media screen and (min-width:621px) and ( max-width:999px) {
  .wafer_ttl_wrapper{padding:12px 0 12px 16px;}
}

@media screen and (min-width:1000px) and ( max-width:1199px) {
  .wafer_ttl_wrapper{padding:12px 0 12px 80px;}
}




/* モーダルメニュー */

.p-header-menu__nav--list .m318{padding-right: 318px;}
.p-header-menu__nav--list a{display: -webkit-box;-webkit-box-align: center;background-color: #efefef;border: 1px solid #ddd;height: 90px;width: 308px;}

@media screen and  (max-width:999px) {
  .p-header-menu__nav--list a {display: -webkit-box;-webkit-box-align: center;background-color: #efefef;border: 1px solid #ddd;height: 70px;width: 274px;}
  .p-header-menu__nav--list .m318{padding-right: 0px;}
}
@media screen and (min-width:1000px)and (max-width:1199px) {
  .p-header-menu__nav--list a {display: -webkit-box;-webkit-box-align: center;background-color: #efefef;border: 1px solid #ddd;height: 90px;width: 308px;}   
}
.nav_list_wrapper{width: 944px;margin: 0 auto;}

@media screen and (min-width:501px) and (max-width:720px) {
  .nav_list_wrapper {width: 424px;}   
}



@media screen and (max-width:500px) {
  .nav_list_wrapper {
    width: 274px;
    margin:0 auto;
   
}
}



@media screen and (min-width:621px) and ( max-width:999px) {
  .nav_list_wrapper {
    width: 554px;
   
}
}





@media screen and (min-width:1000px) and ( max-width:1200px) {
  .nav_list_wrapper {
    width: 624px;
   
}
}


@media screen and (max-width:500px) {
  .p-header-menu__nav--list {
display: block;

   
}
}







@media screen and (min-width:621px) and (max-width:1199px) {
  .p-header-menu__nav--list {
display: flex;
justify-content: space-between;
   
}
}


.p-header-menu__nav--list li p {
  padding-left: 18px;
  text-align: left;
  line-height: 1;
}


.p-header-menu__nav--list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.p-header-menu__nav--list li{padding-top: 10px;}



.p-header-menu__nav--list li .ttl_1{font-size: 16px;font-weight:600 ;text-align: left;}
.p-header-menu__nav--list li .ttl_2{font-size: 13px;text-align: left;}


.p-header-menu__nav--list_2 li .ttl_1{font-size: 14px;font-weight:600 ;text-align: left;}



@media screen and (max-width:1199px) {
  .p-header-menu__nav--list li .ttl_1{font-size: 13px;font-weight:600 ;text-align: left;}
}







@media screen and (max-width:620px) {
  .p-header-menu__nav--list {padding-top: 0px;}






.p-header-menu__nav--list li p{padding-left: 18px;text-align: left;line-height: 1;}
.p-header-menu__nav--list li p {
  padding-left: 18px;
  text-align: left;
  line-height: 1;
}}

@media screen and  (min-width:820px) and (max-width:1199px) {
  .p-header-menu__nav--list li p {
    padding-left: 18px;
    text-align: left;
   
  }
}

@media screen and   (max-width:819px) {
  .p-header-menu__nav--list li p {
    padding-left: 5px;
    text-align: left;
   
  }
  .p-header-menu__nav--list .m318{padding-right: 0px;}
}