@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: Lightningの子テーマ
Author: AMC
Tags:
Version: 0.0.0
*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ヘッダロゴサイズ変更 */
.navbar-brand img {
    max-height: 50px;
}
/*elsement.cssより */

.page-navi02{
	margin:0 20px 15px 0;
	float:left;
	width:160px !important;
}

#slide01,
#slide02,
#slide03,
#slide04{
	text-decoration:underline;
	cursor:pointer;
}

#target01,
#target02,
#target03,
#target04{
	display:none;
}



.page-btnlink{
padding:15px;
background:#000;
color:#fff !important;
text-align:center;
font-size:125% !important;
text-decoration:none;
border-radius: 5px;
}

.page-btnlink:hover{
opacity:0.8;
color:#fff !important;
}

.page-contactbox{
width:100%;
background:#eee;
padding:40px 0 40px 0;
}


#president-img{
	background:url(./img/page/message-img01.png) no-repeat right top;
background-size: contain;
	height:450px;
	padding-top:10px;
	margin-bottom:50px;
}

president {
background-color: #b0e0e6; width: 170px; height: 100px; }
img {float: right;}

#president-img p{
	width:420px;
	line-height: 180%;
	font-size: 105%;
	font-size: 98%\9;/*IE8*/
	padding-top:20px;/*IE8*/
}

#corporate-date{
	margin:10px 0 10px 10px;
	width:95%;
	border:0;
	border-collapse:collapse;
	font-size:95%;
}

#corporate-date th{
	border:0;
	border-collapse:collapse;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
	width:25%;
	vertical-align:top;
	padding:5px 0 5px 10px;
	font-weight:normal;
}

#corporate-date td{
	border:0;
	border-collapse:collapse;
	border-bottom:1px solid #CCCCCC;
	vertical-align:top;
	padding:5px 0 5px 10px;
	word-break: break-all;
}

#corporate-date td p{
	margin-bottom:10px;
}

.recruit-top{
    width:700px;
    margin:0 auto 30px auto;
    border:1px solid #ccc;
    padding:15px 0 15px 0;
}

.recruit-top-img{
    width:240px;
    float:left;
    margin-left:15px;
}

.recruit-top-text{
    width:410px;
    float:right;
    margin-right:15px;
}

.recruit-top-text h3{
    background:#eee;
    padding:10px;
    font-size:120%;
    margin-bottom:10px;
}
.recruit-top-img:hover{
    opacity:0.8;
}

.product-box{
	width: 95%;
border: 1px solid #CCC;
margin: 0 auto 0 auto;
padding-bottom:30px;
margin-bottom:30px;
}

.product-title{
	background:#EEEEEE;
	padding:10px 0 10px 15px;
}

.product-title h3{
	border-left:3px solid #000;
	padding:0 0 0 10px;
	font-size:140%;
}

.product-date{
	background:#F6F6F6;
	padding:5px 10px 5px 10px;
	text-align:right;
	margin-bottom:20px;
}

.product-img{
	width:95%;
margin: 0 auto 15px auto;
}

.product-img-left{
width:48%;
float:left;
}

.product-img-right{
width:48%;
float:right;
}

.product-text{
	width:95%;
margin: 0 auto 25px auto;
}

.cate-contactbox{
width: 95%;
background: #eee;
padding: 30px 0 30px 0;
margin: 0 auto 0 auto;
}

#cate-newslist ul{
	font-size:100%;
	width:95%;
	margin:0 auto 0 auto;
	padding:0;
}
#cate-newslist ul li{
	margin:0 0 10px 0;
	list-style:none;
	border-left:5px solid #E0E0E9;
	border-bottom:1px dotted #CCC;
}
#cate-newslist ul li div.title{
	width:78%;
	float:right;
	padding:5px 0 5px 10px;
}
#cate-newslist ul li div.date{
	width:20%;
	float:left;
	background:#f0f0f0;
	text-align:center;
	font-size:85%;
	padding:5px 0 5px 0;
}


/*common.cssより*/
.line_center{text-align:center;}
.line_right{text-align:right;}

.margin_b20px{margin-bottom:20px !important;}
.margin_b30px{margin-bottom:30px !important;}
.margin_b50px{margin-bottom:50px !important;}
.margin_b70px{margin-bottom:70px !important;}

footer .copySection p:nth-child(2) {
    display:none !important;
}

/*TOPページ、マウスオーバー時の色変更*/
.prBlock_icon_outer:hover{
	opacity:0.5;
}

/*非表示*/
.hidden {
	display:none;
}

/*
フッターメニュー追加のため
2020/09/28 追加 start
*/
#footer-link-wrapper{
background:#EEEEEE;
width:100%;
border-bottom:5px solid #000000;
margin-bottom:10px;
}


#footer-link{
	width:1304px;
margin:0 auto 0 auto;
	background:#EEEEEE;
padding-bottom:15px;

}


#footer-link01{
width:347px;
float:left;
margin-left:20px;
padding:25px 0 25px 0;
}

#footer-link02{
width:180px;
float:left;
margin-left:60px;
margin-top: 35px;
}

#footer-link03{
width:180px;
float:left;
margin-left:30px;
margin-top: 35px;
}

#footer-link04{
width:180px;
float:left;
margin-left:30px;
margin-top: 35px;
}

#footer-link01 p{
margin-bottom:15px;
text-align:right;
font-size:85%;
}




#footer-link02 h3,
#footer-link03 h3,
#footer-link04 h3{
padding: 0 0 2px 15px;
border-bottom:1px dotted #999999;
margin-bottom:5px;
font-size:105%;
}

#footer-link02 ul,
#footer-link03 ul,
#footer-link04 ul{
margin:0 0 0 10px;
padding:0 0 15px 0;
}


#footer-link02 ul li,
#footer-link03 ul li,
#footer-link04 ul li{
margin:0 0 5px 0;
padding:0 0 0 0;
list-style:none;
font-size:95%;
}

#footer-link04 ul#etc li{
border-bottom:1px dotted #999999;
}
/*
フッターメニュー追加のため
2020/09/28 追加 end
*/

/* 2021/05/24 ADD AMC)KITANO START */
.subSection-title, h4 {
    margin-top:12px;
    padding-bottom: 8px;
    position: relative;
    border-bottom: 1px solid #ccc;
}
/* 2021/05/24 ADD AMC)KITANO END */
/* 2021/05/31 ADD AMC)KITANO START */
.header_scrolled.admin-bar .gMenu_outer{top:0px}
/* 2021/05/31 ADD AMC)KITANO END */
/* 2021/07/13 ADD AMC)KITANO START */
.migtbl {
    margin-top:0px;
    margin-bottom:20px;
    margin-left:30px;
    width:700px;
}
.migtbl td{
     font-size:12px;
     border:1px solid #ccc;
}
/* 2021/07/13 ADD AMC)KITANO END */
/* 2021/10/18 ADD AMC)KITANO START */
.device-pc .gMenu>li>a{display:block;overflow:hidden;padding:14px 1.8em}
/* 2021/10/18 ADD AMC)KITANO END */
/* 2022/02/10 ADD AMC)KITANO START */
.faqtbl-01 th{
	background:#3498DB;
	color:#FFFFFF;
	border:1px solid;
	border-color:#3498DB;
}
.faqtbl-01 td{
	border:1px solid;
	border-color:#3498DB;
}
.faqtbl-02 th{
	background:#F5B041;
	color:#FFFFFF;
	border:1px solid;
	border-color:#F5B041;
}
.faqtbl-02 td{
	border:1px solid;
	border-color:#F5B041;
}
.faqtbl-03 th{
	background:#979A9A;
	color:#FFFFFF;
	border:1px solid;
	border-color:#979A9A;
}
.faqtbl-03 td{
	border:1px solid;
	border-color:#979A9A;
}
.interview-container-blue{
        border:1px solid #3498DB;
        border-radius:10px;
        overflow:auto;
}
.interview-container-orange{
        border:1px solid #FFA500;
        border-radius:10px;
        overflow:auto;
}
.interview-profile{
        text-align:center;
        width:100%;
}
.interview-profile-image-blue{
        background-image:url(/img/page/recruit-interview-img01.png);
        background-position:center;
        background-repeat:no-repeat;
        color:#FFFFFF;
        font-size:120%;
        font-weight:bold;
        height:165px;
     /* line-height:260px; */
	position: relative;
}
.interview-profile-image-blue div, .interview-profile-image-orange div{
	width: 100%;
	position: absolute;
	bottom: 0px;
}
.interview-profile-image-blue p, .interview-profile-image-orange p{
	line-height: 1.0;
	margin-bottom: 10px;
}
.interview-profile-image-orange{
        background-image:url(/img/page/recruit-interview-img02.png);
        background-position:center;
        background-repeat:no-repeat;
        color:#FFFFFF;
        font-size:120%;
        font-weight:bold;
        height:165px;
     /* line-height:260px; */
	position: relative;
}

.interview-profile-attribute{
        font-size:110%;font-weight:bold;
}
.interview-item-blue {
        color:#3498DB;
        font-weight:bold;
}
.interview-item-orange {
        color:#FFA500;
        font-weight:bold;
}

.interview-container-left{
        width:45%;height:100%;float:left;padding:15px;
}
.interview-container-right{
        width:55%;height:100%;float:left;padding:15px;
}
/* 社員インタビューページの先頭の社員に対してNEWを表示する-STR */
/*
.interviewList > div:nth-child(1)::before {
  display        : inline-block;       /* インラインボックス定義  */
  content        : "NEW";              /* 表示する文字            */
  background     : #ff0000;            /* 背景色                  */
  color          : #ffffff;            /* 文字色                  */
  font-weight    : bold;               /* 太字                    */
  font-size      : 16pt;               /* ベースの文字サイズ      */
  letter-spacing : -1px;               /* 文字間隔詰め            */
  line-height    : 1;                  /* 1行の高さ               */
  vertical-align : top;                /* 基準の高さ位置          */
  margin         : 0;                  /* 外余白なし              */
  padding        : 1px;                /* 反転時の内余白          */
  transform      : scale(0.6)          /* 文字サイズ変更          */
                   translateX(-30%);    /* 横位置調整              */
                                       /* ブリンクのアニメ指定    */
  animation      : newAnime .7s infinite alternate;
}
*/
@keyframes newAnime {
   0% { color      : #ff0000;          /* ブリンク時の文字色      */
        background : #ffffff;          /* ブリンク時の背景色      */
      }
 100% { color      : #ffffff;          /* ブリンク時の文字色      */
        background : #ff0000;          /* ブリンク時の背景色      */
      }
}
/* 社員インタビューページの先頭の社員に対してNEWを表示する-END */


/* 2023/02/20 ADD AMC)KUNITOMO STR */

.skilldiagnosis-cycle-block {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height:260px;
    width:100%;
}

.skilldiagnosis-feature-block > div:nth-child(2) {    
    height: 80px;
}

.skilldiagnosis-feature-block > div:nth-child(3) {
    height: 160px;
}

.skilldiagnosis-gray-box-red-border {
    background-color: #eeeeee;
    border: 1px solid red;
}

.skilldiagnosis-gray-box-blue-border {
    background-color: #eeeeee;
    border: 1px solid blue;
    text-align:left;
}

.skilldiagnosis-feature-block {
    display: inline-block;
    width: 225px;
}

.skilldiagnosis-picture-block {
    aspect-ratio: 16/10.5;
}

.skilldiagnosis-picture-block > img {
    display:block;
}

.skilldiagnosis-picture-block > div {
    font-size: clamp(11px, 1vw, 16px);
    left: 7%;
    padding: 2.5%;
    position: absolute;
    top: 2vw;
}

.skilldiagnosis-cycle-block > img {
    display:block;
    width:355px;
}

.skilldiagnosis-cycle-block > div {
    margin:10px 0px;
    padding: 10px;
    width: 375px;
}

.skilldiagnosis-feature-block > div {
    float:left;
    margin: 10px 5px;
    min-width: 100%;
    padding: 20px;
}

/* 2023/02/20 ADD AMC)KUNITOMO END */

/* 2023/07/06 ADD AMC)KUNITOMO STR */
/* AMCのデータ STR */

.amcdata-central-left-img{
    width:40%;
    display:flex;
    margin:15px;
    float: left;
}
.amcdata-central-right-img{
    width:50%;
    display:flex;
    margin:15px;
    float: left;
}

/* 2023/07/06 ADD AMC)KUNITOMO END */
/* 2023/10/13 ADD AMC)KITANO START */
.president-content{
    padding-top:30px;
    display:grid;
    grid-template-columns: 1fr 305px;
}
.president-content > .left {
    grid-column-start:1;
    grid-column-end:1;
    grid-row-start:1;
    grid-row-end:2;
}
.president-content > .right {
    display: flex;
    align-items: center;
    grid-column-start:2;
    grid-column-end:2;
    grid-row-start:1;
    grid-row-end:2;
}
.president-content > .bottom {
    grid-column-start:1;
    grid-column-end: 3;
    grid-row-start:2;
    grid-row-end:3;
}
/* 2023/10/13 ADD AMC)KITANO END */