@charset "utf-8";

/*=====================================================================
01. loading
======================================================================= */


/*=====================================================================
slider
======================================================================= */


/*=====================================================================
#main-visual
======================================================================= */


/*=====================================================================
	# Navigation
======================================================================= */


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


body, h1, h1 a, h2, ul.mdd_lv1, ul.mdd_lv1 li a {
  /*font-family: "Palatino Linotype", "serif";*/
  /*font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
  /*font-family: 'icomoon', -apple-system, BlinkMacSystemFont,"モトヤLシーダ3等幅", MotoyaLCedar, 'メイリオ', Meiryo,'MS PGothic', sans-serif;*/
  font-family: 'Noto Sans JP','Noto Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
  font-family: "Noto Sans",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","KozGoStd-Light","KozGoStd-Regular","MS PGothic",sans-serif;
  -webkit-font-smoothing: antialiased;
}
 


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


/* Level1
------------------------------------------------------------------------ */

ul.mdd_lv1 {
  list-style:none;
      margin:0 1.00rem 0 0; margin:0;
  padding:0; 
  z-index:200;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;

  display: flex;
  justify-content: center;
}

    
/*
ul.mdd_lv1 li a {
   display: table-cell;
   vertical-align: middle;
color:#000;
height:92px;
   font-size: 14px;
   letter-spacing:.03em;
   text-decoration: none;
}
*/

ul.mdd_lv1 >li {
  margin: 0 20px; 
  margin: 0 .78rem
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
 

#mdd_nav_wrap h1 a+span.jp { display: none; }
 
#mdd_nav_wrap h1 {
    width: 75px;
    height: 100%;
    
    position: absolute; 
    display: inline-block; 
    top: 0;
    left: 30px; 
    left: 50%;
    transform: translateX(-450px);
    transform: translateX(-380px);
    margin: 0;
}
body[id^="about-effort"] #mdd_nav_wrap h1 { 

}


#mdd_nav_wrap h1 a { font-size: 1.0rem !important;
  display: block;
  width: 75px !important; 
  height: 75px !important; 
}
#mdd_nav_wrap h1 a { 
/*
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  width: 100%;
  height: 100%;
  */
}
#mdd_nav_wrap h1 a+span.jp { 
  display: inline-block; 
  font-size: 12px; 
}


#mdd_nav_wrap h1 img { 
  width: 75px !important; 
  height: 55px !important; 
  object-fit: cover;
  object-position: 0 100%;
}
#mdd_nav_wrap h1 img { 
   width: 220px !important;     
}
 


#mdd_nav_wrap h2.new { display: none; }
#mdd_nav_wrap h2.old { display: none; }
#mdd_nav_wrap h2.new { display: block; display: none;
  position: absolute; 
  top: 36px; 
  left: 122px;    
  left: 50%;
  transform: translateX(-366px);
  
  font-size: 78%; font-size: 88%;
}


/*=====================================================================
	# Navigation (SP)
======================================================================= */

/*.global_nav_sp h2,*/ 
h2.contact_sp { 
  display: none; 
}

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

  #header,
  .global_nav_sp,
  #wrap, 
  #wrap_detail, 
  #footer 
  {
    min-width: 380px !important;
    min-width: 320px !important;
  }


  .global_nav_sp {
	margin: 0 auto;
	width:90%;
	height: 74px; height: 66px;
	border-radius: 0 0 9px 9px;
	padding: 0 0 0 0;
	background-color: #FFF;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
	position: fixed;
	left: 50%;
	transform: translate(-50%,0);
    
    display: inherit; display: block;
    z-index: 1000000; z-index: 9999999;
  }
    


/*
  body :not(ul):not(li) span
  h2.new { 
    display: block; 
  }
*/
  .global_nav_sp h2 span { display: none; }
  h2.new strong { /*display: none !important;*/
    position: absolute; 
    top: 50%; left: 50%; 
    transform: translate(-48%,-50%); 
    padding: 0 72px;
    
    font-size: .94rem !important; font-size: .9rem !important;
    font-weight:100 !important;
    color: rgba(0,0,0,.68);
    white-space: nowrap;
  }

  body .global_nav_sp .logo { display: block !important; 
    width: 64px; width: 56px; 
    margin: 0 auto; 
    position: absolute; 
    top: 10px; left: 15px; 

  }
  .global_nav_sp .logo img { width: 100%; }
  h2.contact_sp { 
    position: fixed; z-index: 99999991;
    top: 32px !important; 
    left: auto !important; 
    right: -16px !important; 
    transform: translate(0,-50%); 
    
    display: block;
    width: 60px;
    height: 45px;
    
    padding: 0 0;
    white-space: nowrap;    
    transition: all 0.3s ease;
  }
  h2.contact_sp:hover { 
    width: 144px;
    /*opacity: .68;*/
    /*transform: translate(-15px,0%);*/
  }

  h2.contact_sp a { 
    
   display: block;
   display: flex;
   justify-content: flex-start;
   align-items: center;
    
   width: 100%;
   height: 100%;

   border-radius: 5px;
   border-top-left-radius : 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
   border-bottom-left-radius : 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
   border-top-right-radius : 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
   border-bottom-right-radius : 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	
   font-size: 12px;
   color: #fff;
   background-color: #35318F;
   text-decoration: none;
  }

  
  h2.contact_sp a [class^="icon-"] {
    display: inline-block;
    margin: 0 6px 0 10px; 
    width: 30px;
    height: 30px;
  }
  .contact_sp a [class^="icon-"], 
  .contact_sp a [class*=" icon-"] {
    font-size: 1.68rem;
    color: #fff;
  }


  .menuarea {
    width: 38px;
    height: 100%;
    position: fixed; 
    top: 29px; top: 82px; top: 22px;
    right: 44px; right: 30px; right: 48px;
 
    z-index: 9999999;
    text-align: center;
  }
  #navigation .navigation_inner {
    width: 90%;
    height: 100%; height: auto;
    margin: 0 auto; 
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #3A3AAD;
  }
  .menu-line {
    position: relative;
    z-index: 2;
    top: 0; top: 2px;
    width: 38px; width: 26px;
    height: 16px;
  }
  .menu-line span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #35318F;
  }
  .menu-line span:nth-of-type(1) {
    top: 0;
  }
  .menu-line span:nth-of-type(2) {
    bottom: 1px;
  }
  .menu-line span:nth-of-type(3) {
    top: 7px;
  }
  
  
/* アニメーション*/
.menu-trigger.active span {
      
  }
.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-44deg);
    
    background-color: #3A3AAD;
  }
.menu-trigger.active span:nth-of-type(2) { 
      
   -webkit-transform: translateY(-8px) rotate(45deg);
   transform: translateY(-8px) rotate(44deg);
   background-color: #3A3AAD;
  }
.menu-trigger.active span:nth-of-type(3) {
   opacity: 0;
  }
  
} /*(max-width:768px)*/








ul.mdd_lv1 li a {
    
  display: table-cell;
  vertical-align: middle;
  color: #000;
 
  height: 92px;  height: 86px;     

  font-size: 14px;
  font-family: inherit;
  letter-spacing: .03em;
  text-decoration: none;
}

body[id^="about-"]    ul.mdd_lv1 li.about a,
body[id^="business-"] ul.mdd_lv1 li.business a,
body[id^="recruit-"]  ul.mdd_lv1 li.recruit a,
body[id^="news-"]     ul.mdd_lv1 li.news a
{
  font-weight: 700 !important;
  color: #35318F;
  
  
}
body[id^="about-"]    ul.mdd_lv1 li.about a::after,
body[id^="business-"] ul.mdd_lv1 li.business a::after,
body[id^="recruit-"]  ul.mdd_lv1 li.recruit a::after,
body[id^="news-"]     ul.mdd_lv1 li.news a::after 
{
  position: absolute;
  bottom: 1px;
  left: 0;
  content: '';
  width: 100%;
  height: 4px;
  background: #35318F;
  transform: scale(1, 1);
  transform-origin: center top;
  transition: transform .3s;
}




ul.mdd_lv1 li.contact {
   position: absolute; 
   top: 0px; 
   right: 30px;
   right: 50%;
  transform: translateX(454px);transform: translateX(475px);
}
ul.mdd_lv1 li.contact {
   font-weight: bold !important;
   margin: 0 0.0rem;
   padding: 28px 0; padding: 22px 0 33px 0;
}


a span.new { display: none; }
a span.old { display: none; }
a span.new { display: inline-block; }



ul.mdd_lv1 li.contact a {
    
   /*float: left;*/ float: none;
   font-size: 15px !important; font-size: 16px !important;
   font-weight: bold !important;
    
   width: 162px; width: 92%; width: 132px; width: 142px;
   height: 34px; height: auto;

   padding: .48rem 1.52rem .48rem 1.00rem;
   border-radius: 5px;
   
   border-top-left-radius : 8px;
	 -webkit-border-top-left-radius: 8px;
	 -moz-border-radius-topleft: 8px;
   border-bottom-left-radius : 8px;
	 -webkit-border-bottom-left-radius: 8px;
	 -moz-border-radius-bottomleft: 8px;
   border-top-right-radius : 0px;
	 -webkit-border-top-right-radius: 0px;
	 -moz-border-radius-topright: 0px;
   border-bottom-right-radius : 0px;
	 -webkit-border-bottom-right-radius: 0px;
	 -moz-border-radius-bottomright: 0px;
   text-align: center;
   text-decoration: none;
    
   color: #fff;
   background-color: #35318F;
    
   transition: all 0.3s ease;
   
   display: table-cell;
   vertical-align: middle;
   
   display: flex;
   justify-content: center;
   align-items: center;
   
   /*
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    */
}

ul.mdd_lv1 li.contact a::after {
    display: none;
}
ul.mdd_lv1 li.contact a:hover {
    opacity: .68;
}
ul.mdd_lv1 li.contact a [class^="icon-"] {
    /*
    position: absolute; 
    display: block;
    top: 8px;
    left: 10px;
    width: 30px;
    height: 30px;
    */
  }

ul.mdd_lv1 li.contact a span {
    display: none;
  }
ul.mdd_lv1 li.contact a span { 
    display: inline-block;
    margin-right: 5px;
    font-size: 1.68rem !important;
    color: #fff !important;
  }

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* Level2
------------------------------------------------------------------------ */

#header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    min-width: 980px;
    min-width: 880px;

}
#mdd_nav_wrap {
    margin: 0 auto; margin: 0 0%;

    width: 950px;
    height: 92px;
    width: 100%;
    height: 85px;
    
    border-radius: 0 0 9px 9px; border-radius: 0;
    padding: 0 0 0 30px; padding: 0 0 0 0;
    background-color: #FFF;     background-color: transparent;
    box-shadow: 0 0 8px rgb(0 0 0 / 10%); box-shadow: none;
    position: relative;
}
#mdd_nav_wrap_inner {
    margin: 0 auto;
    
    width: 950px; 
    height: 92px;
    width: 90%; 
    height: 100%;  
    
    border-radius: 0 0 9px 9px;
    padding: 0 0 0 30px; padding: 0 0px;
      background-color: rgba(256,256,256,.86) !important;
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
    /*position: static;position: relative;*/ 

}

ul.mdd_lv2{

  display: flex;
  justify-content: center;

  position: fixed; position: absolute; 
  z-index: -1 !important;

  top:92px; top:66px; top:0;
  left: 0px;
  background-color: #3A3AAD;

  width:840px; width: 100%; /*max-width: 980px;*/ 
  padding: 90px 0 44px 0;

  list-style-position:outside;
  color:#000;
  margin:0;
}

/*ul.mdd_lv1 li:hover ul.mdd_lv2 {
display:block;
}*/
ul.mdd_lv2 p{ padding: 0 1.22rem 0rem 1.42rem; margin: 1.0rem 0 0 0; color: #FFF; font-size: 13px; line-height: 1.5; position: relative;}
ul.mdd_lv2 p:before{ position: absolute;  content: "";  top: 9px; left: 0; width: 18px; height: 2px;  background-color: #FDD000;}

ul.col2 li {
    
width: 420px; width: 49.99%; max-width: 420px;
height: 150px;
padding: 0;
margin: 0;
}

ul.col2 li img {
width: 420px; width: 100%;
height: 150px; height: auto;
overflow: hidden;
}


ul.col3 li {
width: 280px; width: 33.33%; max-width: 280px;
height: 150px;
padding: 0;
margin: 0;
}

ul.col3 li img {
width: 280px; width: 100%;
height: 150px; height: auto;
overflow: hidden;
}


ul.col4 li {
width: 240px; width: 24.99%; max-width: 240px;
height: 150px;
padding: 0;
margin: 0;
}

ul.col4 li img {
width: 210px;
	height: 150px;
overflow: hidden;
}

ul.col5 li {
width: 19.99%; max-width: 240px;
height: 150px;
padding: 0;
margin: 0;
}

ul.col5 li img {
width: 100%;
	height: auto;
overflow: hidden;
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

ul li.about.effort {
    display: none;
}
ul li.about.effort {
    display: block;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

br.sp {
    display: none;
}

@media only screen and (max-width:480px){
    
  br.sp {
    display: block;
  }  
    
} /*(max-width:480px) */


/* Level2
------------------------------------------------------------------------ */

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* Level3
------------------------------------------------------------------------ */

/* breadcrumb
------------------------------------------------------------------------ */
.breadcrumb { 
    white-space: nowrap !important;
	list-style: none; 
	overflow: hidden; 
	font-size: .78rem;
			
	margin-top: 0 !important;
	margin-bottom: 3.2rem;
	padding-left: 0 !important;
	background: transparent !important;
}
.breadcrumb li { 
	float: left; 
	width: 33%;
}	
.breadcrumb li a { 
	white-space: nowrap;
	letter-spacing: .12rem!important;
			
	color: white;
	text-decoration: none; 
	padding: 10px 0 10px 55px;
	padding: .44rem .86rem .44rem 3.8rem;
	padding: .44rem .86rem .44rem 2.86rem;
    text-align: center;
	position: relative; 
	display: block;
	/*	float: left; */
			
}
.breadcrumb li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid hsla(34,85%,35%,1);
			border-left: 30px solid inherit;
			
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
}	
.breadcrumb li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px; margin-left: 3px;
			left: 100%;
			z-index: 1; 
}	
.breadcrumb li:first-child a {
			padding-left: .86rem;
			border-left: 0px solid black !important;
}
.breadcrumb li:last-child a {font-weight: bold;
			/*padding-right: 2.58rem;*/
}
.breadcrumb li:nth-child(2) a       { background:        hsla(34,85%,55%,1);}
.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(34,85%,55%,1); }
		
		
.breadcrumb li a,
.breadcrumb li:nth-child(2) a { 
		    background: brown;                   /* fallback color */
			background: hsla(34,85%,35%,1);
			background: rgba(88,88,88,1.74);
		    
		    border-left: 30px solid hsla(34,85%,35%,1);
		    border-left: 0px solid transparent;
}
		
		.breadcrumb li:nth-child(3) a       { background:        hsla(34,85%,65%,1); }
		.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(34,85%,65%,1); }
		.breadcrumb li:nth-child(4) a       { background:        hsla(34,85%,75%,1); }
		.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,75%,1); }
		.breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,85%,1); }
		.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,85%,1); }
		.breadcrumb li:last-child a {
			background: transparent !important;
			background: hsla(34,85%,85%,1) !important;
			color: black;
			pointer-events: none;
			cursor: default;
		}
		.breadcrumb li:last-child a:after { border: 0; }
		.breadcrumb li a:hover { /*background: hsla(34,85%,15%,1); */
		    cursor: default;
		}
		.breadcrumb li a:hover:after { /*border-left-color: hsla(34,85%,25%,1) !important;*/ }


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

 	.breadcrumb li { 
font-size: .72rem;
			width: 50%;
		}
    .breadcrumb li a,
    .breadcrumb li:first-child a,
    .breadcrumb li:last-child a {letter-spacing: .082rem!important;
			padding-left: 1.72rem !important;
			padding-right: 0.8rem !important;
	}
	.breadcrumb li:first-child a {
			padding-left: 0.8rem !important;
	}

	.breadcrumb li a:before {
	    margin-left: 1px;
	}
	.breadcrumb li a:after {
	    border-left-color: rgba(88,88,88,1.74);
	}
	.breadcrumb li a:before,
	.breadcrumb li a:after { 
	   border-left-width: 20px;
	   border-top-width: 20px;
	   border-bottom-width: 20px;
	   margin-top: -20px;
	   
	   border-left-width: 1.06rem;
	   border-top-width: 1.06rem;
	   border-bottom-width: 1.06rem;
	   margin-top: -1.06rem;
	   
	   border-left-width: .96rem;
	   border-top-width: 1.00rem;
	   border-bottom-width: 1.02rem;
	   margin-top: -1.02rem;
	}

    .breadcrumb li:last-child {
     /* float: none;*/
		width: 100% !important;
		display: block !important;
	}
    .breadcrumb li:last-child a { float: none;
		display: block !important;
		text-align: center !important;
		padding: .54rem .86rem !important;
	}

} /*(max-width: 480px)*/




/* detai_body dl dd
------------------------------------------------------------------------ */

.company_img {
    margin: 0 0 80px 0;
    margin-bottom: 18px; 
    text-align: center;
}

.company_img img {
    width: 80%; 
    max-width:500px; 
    height: auto; 
    margin: 0 auto;
}

 .detai_body dl {
border-bottom: 1px #E5E5E5 solid;
}

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

    .company_img img {
        width: 100%;
    }

    .detai_body dd {
        margin-left: 0 !important; 
        width: 75% !important; 
        /*
        padding: 15px 0 15px 0;
        width: 62%; 
        float: left;
        border-top: 1px #E5E5E5 solid;
        font-size: 13px;
        color: #000;
        line-height: 200%;
        */
    }

} /*(max-width: 768px)*/

@media only screen and (max-width: 480px){
    
   .detai_body dt,
   .detai_body dd {
        padding: 15px 0 0px 0;
        margin: 0 0 0 0;
        margin-left: 0 !important; 
    width: 100% !important; 
    float: left; float: none;
    
    
    }
    .detai_body dd {
         padding: 0px 0px 15px 0;
    }

} /*(max-width: 480px)*/





/* back-link (btm)
------------------------------------------------------------------------ */
.back-link {
    margin: 3.2rem 0;
}
.back-link a {
    font-size: 14px;
    font-weight: bold;
    color: #35318F;
    line-height: 200%;
}

.back-link a { position: relative; display: inline-block; text-decoration: none; }
.back-link a::after {
  position: absolute;
  bottom: -8px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #35318F;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .2s;
}
.back-link a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

@media only screen and (max-width: 480px) {
    .back-link a span {
        display: none;
    }
    
} /*(max-width: 480px)*/





/*=====================================================================
02. layout
======================================================================= */

#wrap {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-width: 980px;
  padding: 0;
}
#wrap_detail {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  width: 100%;
    min-width: 980px;
    
  padding: 0;
}
.contentsarea {
  position: relative;
  width: 980px; width: 100%;
  margin: 0 auto;
}

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

  #wrap {
    width: 100%;
    
  }
  #wrap_detail { 
    width: 100%;
    
    max-width: 100%;
  }
  .contentsarea {
    width: 100%;
    min-width: 100%;
  }

}/*(max-width:768px)*/



/*** header ***/

/*=====================================================================
03. Index
======================================================================= */


/* News block
------------------------------------------------------------------------ */


/* Btn_area block
------------------------------------------------------------------------ */


/* vertical_ttl
------------------------------------------------------------------------ */


/* index message
------------------------------------------------------------------------ */


/* index business
------------------------------------------------------------------------ */


/* bnr area
------------------------------------------------------------------------ */

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
div[class^="bnr_area"] {
     margin-top: 200px; 
}
div[class^="bnr_area"]:before { display: none;
  content: "";
  width: 25px;
  height: 2px;
  background-color: #FDD000;
  position: absolute;
  top: 10px; top: -80px;
  left: 50%;
}


@media only screen and (max-width:768px){
    
  .recruit_bnr {
    text-align: left !important;
  }
  .bnr_area_sp img {
    width: calc(100% - 4px);
  }

  }
  div[class^="bnr_area"] {
    margin-top: 120px; 
  }    

}/*(max-width:768px)*/

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



/*=====================================================================
04. Detail
======================================================================= */

#contents_visual .detail_ttl--- {
  position: absolute;
  left: 60px; left: 5%;
  top: 150px; top: auto;
  bottom: 60px;
}

#contents_visual .detail_ttl {  
  position: absolute;
  left: 60px; left: 0;
  top: 150px; top: auto;
  bottom: 66px;
  font-size: 0;
  width: auto !important;
  display: inline-block; display: block;
padding-left: 5% !important; 
}

#contents_visual .detail_ttl > * { white-space: nowrap !important;
   letter-spacing: .12rem!important;
   background-color: rgba(256,256,256,.86) !important;

   padding-left: 200px !important; 

}
#contents_visual .detail_ttl .en {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: .04em;
  color: #35318F;
  font-family: "Palatino Linotype", "serif";
  background-color: #FFF;
  
  display: inline-block; display: block;
/*
  padding-top: 12px !important;
  padding-right: 45px !important;
  padding-bottom: 10px !important;
*/
 padding: 10px 30px 10px 20px;
}
#contents_visual .detail_ttl .jp { 
  font-size: 13px;
  letter-spacing: .02em;
  color: #35318F;
  background-color: rgba(256,256,256, 1.00);
  display: inline-block; display: block;
/*
  padding-top: 2px !important;
  padding-right: 42px !important;
  padding-bottom: 16px !important;
 */
 padding-top: 0px !important; 
padding-left: 204px !important; 
}





.detai_section {
   width: 980px;
   width: 100%;
      ---min-width: 880px;
   max-width: 880px;
   margin: 80px auto 0 auto; 
   margin: 2.68rem auto 0 auto;
}
/*
.detai_body {
    width: 720px; 
    margin: 70px auto 0 auto; 
    position: relative;
 }
*/
@media only screen and (max-width:964px){
  #contents_visual .detail_ttl {
    left: 0% !important;
  }
  #contents_visual .detail_ttl > * { white-space: nowrap !important;
    padding-left: 42px !important; 
  }

}/*(max-width:964px)*/

@media only screen and (max-width:768px){
    
  .detai_section { position: relative;
    width: 90%; 
    min-width: 90%;

    padding: 0 5%;
    margin: 30px auto 0 auto;
    margin: .82rem auto 0 auto; margin: 0 auto;
  }
   
  #contents_visual { 
    margin: 0; height: 260px; 
    background-size: cover !important;
    background-position: center !important;
    
    width: 100%;
    height: 260px;
    object-fit: cover;
    
    /*width: 100%;
    height: auto;
    object-fit: cover;*/
    
    overflow: hidden;
    position: relative;
  }
  #contents_visual .detail_ttl { 
    position: absolute; 
    left: 5%; left: 0%; 
    top: 105px; top: 150px;       
  }
    #contents_visual .detail_ttl > * {
    padding: 10px 36px 12px 36px !important;
    font-size: 20px !important;
  }

  #contents_visual .detail_ttl .jp {
    font-size: 11px!important;
    letter-spacing: .02em;
    color: #35318F;
    background-color: #FFF;
    padding: 0px 40px 14px 42px !important;
    padding-left: 38px !important;
    text-align: left;
  }


  .detai_body {
    margin-top: 42px;
  }
  .detai_body .vertical_ttl {
    display: none;
  }

}/*(max-width:768px)*/

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#contents_visual.effort {

  background-image: url(../images/mainvisual_detail03.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;

}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.detail_btn { /*display: none;*/
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.detail_btn ul {
  margin: 0 auto;
  padding: 0;
  text-align: center;
     display: flex;
 
   justify-content: flex-start;
   justify-content: center;

   align-items: center;
    -webkit-align-items: center;
   align-items: center;
    -webkit-justify-content: center;
}
.detail_btn li {
  float: left; float: none; display: inline-block;
  margin-right: 2px;
  text-align: center;
  font-size: 14px;
  letter-spacing: .03em;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.detail_btn.submenu { 
    margin-bottom: -5px;
  /*border: 1px solid red;*/
}
.detail_btn.submenu .about {
  border-bottom: 2px solid #E5E5E5;
  display: flex; 
  justify-content: center;
  margin-bottom: -5px;
}
.detail_btn.submenu .about li,
.detail_btn.submenu .about li a {
  width: 243px; width: auto;
}
.detail_btn.submenu li { 
    margin-left: 0rem;
    padding-left: 2.2rem;
  float: left; float: none;
  margin-right: 2px;
  text-align: center;
  font-size: 14px;
  letter-spacing: .03em;
}
.detail_btn.submenu .about li a {
  position: relative;
  display: block;
  text-decoration: none;
  border-bottom: 2px solid #E5E5E5; border-color: #fff;
  padding: 6px 0 42px; padding: 3px 0 22px 34px;
  /*background-image: url(..images/arrow_detail02.png);*/
  background-size: 26px 26px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.detail_btn.submenu .about li a.current {
    font-weight: 900;
}


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

  .detail_btn { display: none;
    
  }
  .detail_btn.submenu { /*
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 72px; margin-bottom: 0px;
    */
  }
  .detail_btn.submenu .about {
    display: block;
  }
  .detail_btn .about li:nth-of-type(1) {
    margin: 0 5% 0 0;
  }
  .detail_btn.submenu li { 
    display: block;
    padding-left: 0rem;
    margin: 0 !important;
  }
  .detail_btn.submenu .about li a {
    position: relative;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #E5E5E5; border-color: #E5E5E5;
    padding: 4px 0 15px; padding: 15px 0 15px;
    background-size: 22px 22px;
    background-position: 0 3px;background-position: 0px 15px;
    background-repeat: no-repeat;
  }

}/*(max-width:768px)*/

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.box03 { 
  display: block;
  border-bottom: 1px #E5E5E5 solid;
  padding: 0 0 .0rem 0;
  margin-bottom: 4.2rem;
}

.box03 h3 {
      color: #35318F;
  font-size: 1.18rem; font-size: 1.26rem;

  font-weight: bold;
  letter-spacing: .08em;
  
  margin:  0 0 0; /* 40px */
  padding: 0 0 0 40px;
  position: relative;
}

.box03 h3:before {
  content: "";
  width: 25px;
  height: 2px;
  background-color: #FDD000;
  position: absolute;
  top: 10px; top: 44%;
  left: 0;
}


.box03 h1,.box03 h2,.box03 h3,.box03 h4,.box03 h5,.box03 ul,.box03 p {
  letter-spacing: .04em;
  margin-bottom: 2.2rem;

}

.box03 h4 {
    margin: 1.82rem auto !important;
    text-align: center;
    font-size: 1.18rem; font-size: 1.26rem;
    font-weight: normal;
}
.box03 h4 br { 
   display: none; 
}

.box03 h5, .box03 ul, .box03 p {
    text-indent: 0rem;
    display: block;

    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-bottom: 2rem !important;
    font-size: 0.83em; font-size: 15px; font-size: 0.88em; 
    font-weight: normal;
    line-height: 180% !important;
}
.box03 ul {
  margin: 0;
  padding: 0;
}
.box03 ul li {    
   list-style-position: outside;
   list-style-type:decimal; 
   margin-left: 1.5em;
   padding: 0;
}
.box03 li:before { content:""; }
.box03 li { 

}

@media only screen and (max-width:768px){
    
   .box03 { 
     margin-bottom: 3.2rem;
  }

  .box03 h3 {
    font-size: 20px;
    margin: 0 0 0 0;
    padding: 0 0 0 30px;
  }
  .box03 h5,.box03 ul,.box03 p {
    font-size: 15px; font-size: 0.90em; 
    line-height: 200%;
    margin: 20px 0 0 0;
  }
  .box03 h4 { 
    font-size: 118%;
     line-height: 150%;
  }
  .box03 h4 br { 
     display: block; 
  }
  .box03 ul {
      padding-inline-start: 0px;
  }  
      
} /*(max-width:768px)*/



/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


.box03 article {
    padding: 0 48px; padding: 0 0px;
}
   ul.list-dir {
    /* display: flex; 
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
    */ 
    display: table;
	margin: 0 auto 2.86rem !important;/*親要素はこれで中央寄せ*/
     
   }
   ul.list-dir li {  
     font-size: .86rem; 
     line-height: 180%;
     margin-bottom: .66rem;
   }
   ul.list-dir li strong.em { 
     display: inline-block; 

     margin-right: .5rem;
   }
   
   ul.list-dir li strong.em br {
     display: inline-block; 
   }
   
@media only screen and (max-width:768px){

  .box03 article {
    padding: 0 0px;
  }
  ul.list-dir li {
    font-size: inherit !important; /* font-size: 0.94em; */
    line-height: 158% !important;
  }

}/*(max-width:768px)*/

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



.detai_section .leader {
  margin: 2.88rem auto !important; 
  font-size: 1.07rem !important; 
  line-height: 180% !important;
  display: flex;
  flex-direction:column;
  align-items: center;
  justify-content: center 
}

.detai_section .logo_notag {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  /*height: 80px;*/
  margin: 2.2rem auto;
  padding: 0;
}
.detai_section .logo_notag img {
  width: 76px;
}

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

  .detai_section .leader {
    margin: 0rem auto !important; 
    font-size: .90rem !important;
    line-height: 180% !important;
  }
  .detai_section .leader br { 
    display: none; 
  }
 .detai_section .logo_notag {
     margin: 0rem auto 1.22rem;
  }
 
}/*(max-width:768px)*/

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

p.linkbtn {
  position: relative;
  width: auto;
  display: flex; 
  justify-content: center;
  align-items: center;
  background-color: #EFEFF6;
  padding: 1.2rem;
}
a.pdf {
    text-decoration: none !important;
    text-align: center;
    background-color: #35318F;
    color: #fff;
    /*font-size: 0;*/
    margin: 0 0 0px;
    padding: 1px;
    display: inline-block;
    width: 250px; max-width: 50%;
    transition : .5s;
    }
a.pdf:hover {  opacity: .5; }
a.pdf img {
  width: 100%;
  vertical-align: bottom;
}  
a.pdf [class^="icon-"] {
  position: absolute; display: block;
  top: 22px;
  right:22px;
  width: 30px;
  height: 30px;
}
a.pdf [class^="icon-"], a.pdf [class*=" icon-"] {
  font-size: 1.68rem;
  color: #666;
}
@media only screen and (max-width:768px){
  a.pdf [class^="icon-"] { 
      display: none; 
  }
}/*(max-width:768px)*/


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



/* news
------------------------------------------------------------------------ */


/* about
------------------------------------------------------------------------ */


/* company
------------------------------------------------------------------------ */


/* access
------------------------------------------------------------------------ */


/* recruit
------------------------------------------------------------------------ */
/*
.detail_btn .recruit li { width: 488px; width: 49.0%; }
.detail_btn .recruit li a { width: 488px; width: 100%; }
*/

/* business
------------------------------------------------------------------------ */


/* products
------------------------------------------------------------------------ */


/* contact
------------------------------------------------------------------------ */


/*=====================================================================
05. Footer
======================================================================= */


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#footer {
    width: 100%;
    min-width: 980px; min-width: 768px;
    position: relative;
    margin: 210px 0 0 0; margin: 96px 0 0 0;
    display: table;
    table-layout: fixed;
}
#footer .menuarea ul li{ 
    width:auto; min-width:7rem; 
    
}

@media only screen and (max-width:768px){
  #footer {
    width: 99.999%;

  }   
    
  #footer .left {
     width: auto !important; 
     display: block;
     background-color: #F9F9F9;
     padding: 5% !important;
   }

} /*(max-width:768px)*/   
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



footer h5 { display: none; }

footer h5 {
   display: block;
   font-size: .82rem;
   font-weight: bold !important;
   margin: 1.36rem 0 .33rem 0.26rem !important;
}


footer .menuarea ul li.about.effort {
    display: none;
}
footer .menuarea ul li.about.effort {
    display: block;
}

footer .left h2 { /* ASU-TECH */
    width: 160px;
    margin: 0 0 1.0rem 0 !important;
}

footer .left .adress {
    font-size: 12px;
    line-height: 200%;
    margin: 0px 0 0 0 !important;
}

footer h6,
#footer .left .adress,
#footer .left p
{
   margin-top: .26rem !important;
   margin-left: .26rem !important;
   margin-bottom: .66rem !important;
}



footer .btnarea {
  width: auto;
  margin: 2.2rem 0 0 0 !important;
}
footer .btnarea .btn_contact { 
	display:none;
    width: 252px; 
    margin: 1.2rem 0 0 0;
}
footer .btnarea ,
footer .btnarea .btn_contact { 
   display: block;
   text-align: left;
}



footer .btnarea .btn_contact a {
/*   
   display: flex;
 
   justify-content: flex-start;
   justify-content: center;

   align-items: center;
    -webkit-align-items: center;
   align-items: center;
    -webkit-justify-content: center;


   width: 162px; width: 80%;
   height: 34px; height: auto;
    
    margin-right: 0;
    margin: 24px 0;
    padding: .68rem 1.0rem;

   border-top-right-radius : 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
   border-bottom-right-radius : 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
   border-top-left-radius : 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
   border-bottom-left-radius : 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	
   border-radius: 8px;

    text-align: center;
    text-decoration: none;
    
    font-size: 16px !important;
    font-weight: bold !important;
line-height: inherit;
    color: #fff;
    background-color: #35318F;
    
    transition: all 0.3s ease;
*/

  display: flex;
  justify-content: center;
  align-items: center;
  
  margin: 0 0;
  padding: .68rem 1.0rem;
  
  width: 80%;
  font-size: 1.07rem;
  font-weight: bold !important;
  color: #fff;
  text-decoration: none;
  
  background-color: #35318F;
  border: 0px solid #333333;

  border-radius: 10px;
  transition: all 0.3s ease;
}
footer .btnarea .btn_contact a strong {
  margin-right: .76rem;
}
footer .btnarea .btn_contact a [class^="icon-"] {
   display: inline;
   margin: 0 6px 0 0; 
   width: 30px;
   height: 30px;
   font-size: 30px;
   color: #fff;
 }



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

  #footer .left h2 {
    margin: 1.48rem .97rem !important;
  }
   footer h5 {
     margin-top: 1.48rem !important;
     margin-bottom: .68rem !important;
     font-size: .92rem !important;
  }
   footer h5,
   #footer .left .adress,
   #footer .left p
  {
    margin-left: 1.12rem !important;
  }

   footer .btnarea {
     width: auto !important;
     margin: 2.2rem 0 0 0;
   }

  footer .btnarea .btn_contact {
      display: block;
      width: auto; 
   }
  footer .btnarea .btn_contact a {
      width: auto; 
      margin: 26px 14px;
      padding: 20px;
   }


} /*(max-width:768px)*/





footer .btnarea .btn_contact a::after {
    display: none;
}
footer .btnarea .btn_contact a:hover {
    opacity: .68;
}
	
.btn.contact {
    display: none;
	}
	

#footer .footarea .copyright {
    text-align: left;
    opacity: .6;
}
#footer .footarea .btn,
.copyright span {
    display: none;
}
user agent stylesheet
div {
    display: block;
}


@media only screen and (max-width:768px){
  #footer .footarea .copyright {
    margin: 0 auto;
    text-align: center;
  }  
 
} /*(max-width:768px)*/


.title-new {display: none;}
.title-old {display: none;}
.title-new {display: inline;}










/* Page top
------------------------------------------------------------------------ */















/* 404
------------------------------------------------------------------------ */