/*-------body-------*/
 
body {
	padding: 0;
	margin: 0 auto;
	border: 0 none;
    color: #3c3c3c;
    font-family: 'Nunito',"游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}

.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5*/
	height: auto;
	overflow: hidden;
	/**/
}

a {text-decoration: none; color: #2f373a;}
a:hover {/*color: #00b7ff;*/ -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.clear {clear:both;}

/* 全てに適用 */
.right {float: right}
.left {float: left;}
.sp-zone {display: none !important;}
.pc-zone {display: block;}




/* ヘッダーに適用 */
header {width: 100%;}
header h1 {float: left;}
header .header-area {width: 100%; max-width: 1000px; margin: auto;}
header .header-area h1 {}
header .header-area .header-title-area {justify-content: space-between; display: flex; margin: 20px auto 50px auto;}
header .header-area .header-title-area h1 {width: 320px;}
header .header-area .header-title-area h1 img {width: 100%; height: auto;}
header .header-area .header-title-area .english {margin: 10px 0 30px 0; font-size: 16px; text-align: right;}
header .header-area .header-title-area .english a {font-size: 16px; position: relative;}
header .header-area .header-title-area .english a:before {content: '▶︎'; margin-right: 5px; font-size: 12px; position: absolute; left: -14px; top: 2px;}


header .header-area .header-title-area {}
input#s-box {padding: 4px; width: 200px; border-radius: 0px; border: 1px solid #808080;}
button#s-btn-area {background: #dadada; border: 1px solid #dadada; border-radius: 5px; width: 108px;}


header .header-area .header-title-area .search-form {}
header .header-area .header-title-area .search-form .s {padding: 4px; width: 200px; border-radius: 0px; border: 1px solid #808080;}
header .header-area .header-title-area .search-form .searchsubmit {background: #dadada; border: 1px solid #dadada; border-radius: 5px; width: 108px;}



header .header-area .header-menu-area {}
header .header-area .header-menu-area ul {display: flex; justify-content: space-between; margin-bottom: 25px;}
header .header-area .header-menu-area ul li {display: block; width:calc(100% / 6);}
header .header-area .header-menu-area ul li a {width: 100%; display: block; font-size: 16px; text-align: center; font-family: "UD新ゴNT M"; padding: 10px 0; border-right: 2px solid #dadada; position: relative;}
header .header-area .header-menu-area ul li a:before {content: ''; position: absolute; bottom: -3px; left: 50%; width: 85%; height: 5px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: #fff; /*background: #668dda;*/ -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
header .header-area .header-menu-area ul li a:hover:before {content: ''; position: absolute; bottom: -3px; left: 50%; width: 85%; height: 5px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: #668dda; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
header .header-area .header-menu-area ul li.current a:before {content: ''; position: absolute; bottom: -3px; left: 50%; width: 85%; height: 5px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: #668dda; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
header .header-area .header-menu-area ul li:first-child a {border-left: 2px solid #dadada;}
.header-info {width: 325px;}
.daido-steel-group {width: 100%;}
.daido-steel-group img {width: 100%; height: auto;}

#recruitment header .header-area .header-menu-area ul li:nth-child(5) a:before {background: #668dda;}
#factory header .header-area .header-menu-area ul li:nth-child(5) a:before {background: #668dda;}
#senior01 header .header-area .header-menu-area ul li:nth-child(5) a:before {background: #668dda;}
#profile header .header-area .header-menu-area ul li:nth-child(2) a:before {background: #668dda;}


header /*.header-area .header-menu-area ul li:before {border-right: 2px solid #dadada; content: '';}*/

header#page {}
header#page .header-area .header-menu-area ul {margin-bottom: 15px;}
header#page .header-area .header-menu-area ul li:first-child a:before {background: #fff;}


/* スライドに関する記述 */
header .header-slide-area {width: 100%; max-width: 1400px; margin: auto;}
header .header-slide-area ul {}
header .header-slide-area ul li {position: relative;}
header .header-slide-area ul li img {width: 100%; height: auto;}
header .header-slide-area ul li p {font-size: 23px; position: absolute; top: 33%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
header .header-slide-area ul li p span {font-size: 50px; display: block;}
header .header-slide-area ul li p span b {font-style: italic; margin-right: 10px;}
header .header-slide-area .bxslider01 ul li {position: relative;}
header .header-slide-area .bxslider01 .test-text {width: 100%; text-align: center; position: absolute; font-size: 30px; font-weight: bold; color: #000; line-height: 1.5em; text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;}
header .header-slide-area .bxslider01 li p {opacity: 0;}
header .header-slide-area .bxslider01 li:nth-child(2) p {animation-fill-mode: both; animation-name: fadein02; animation-duration: 1s; /*遅れて表示させるコード→→→→→→*/animation-delay:0.7s !important;}
header .header-slide-area .bxslider01 li.active-slide p {animation-fill-mode: both; animation-name: fadein; animation-duration: 1s; /*遅れて表示させるコード→→→→→→*/animation-delay:1s;}
@keyframes fadein {/*animetion-nameで設定した値を書く*/ 0% {opacity: 0} /*アニメーション開始時は不透明度0%*/ 100% {opacity: 1} /*アニメーション終了時は不透明度100%*/}
@keyframes fadein02 {/*animetion-nameで設定した値を書く*/ 0% {opacity: 0} /*アニメーション開始時は不透明度0%*/ 100% {opacity: 1} /*アニメーション終了時は不透明度100%*/}
header .header-slide-area .bx-controls-direction {display: none;}
header .header-slide-area .bx-default-pager {text-align: center; letter-spacing: 10px; margin-top: 5px; margin-bottom: 15px; line-height: 1em;}
header .header-slide-area .bx-pager-item {display: inline-block; margin: 0 5px;}
header .header-slide-area .bx-pager-link {width: 10px; height: 10px; text-align: center; display: block; background-color: #bcbcbc; text-indent: 100%; overflow: hidden;}
header .header-slide-area .bx-pager-item a.active {background-color: #668dda;}
header .header-slide-area .content01 .content .bx-pager-link {background-color: #4694a7;}
header .header-slide-area .content01 .content .bx-pager-item a.active {background-color: #668dda;}

/*.first-not {display: none;}*/
/*.bx-clone {display: none;}*/
.bx-clone p {background: #333;}



/* footer */
footer {padding: 10px 0 15px 0; background: #668dda;}
footer ul.menu {display: flex; margin: 0 auto 10px auto; width: 850px;}
footer ul.menu li {}
footer ul.menu li:before {content: '|'; margin: 0 15px; color: #fff;}
footer ul.menu li:first-child:before {content: '';}
footer ul.menu li a {font-size: 14px; color: #fff; font-weight: bold;}
footer .copy {font-size: 10px; color: #fff; font-weight: bold; width: 100%; text-align: center;}


/* toppage */
.top-content-wrap {display: flex; justify-content: space-between; width: 90%; margin: 20px auto 50px auto; max-width: 1000px;}
.top-content-wrap .side-area {max-width: 220px; width: 22%;}
.top-content-wrap .side-area ul {}
.top-content-wrap .side-area ul li {margin-bottom: 20px; position: relative; width: 218px; border: 1px solid #668dda;}
.top-content-wrap .side-area ul li a {background: #668dda; position: relative; font-size: 16px; font-weight: bold; color: #fff; display: block; padding: 15px 0 15px 20px;}
.top-content-wrap .side-area ul li:before {content: '▶︎'; position: absolute; top: 40%; left: 2%; z-index: 9; color: #fff; font-size: 13px;}
.top-content-wrap .content-area {max-width: 720px; width: 72%;}
.top-content-wrap .content-area .content {margin-bottom: 30px; width: 100%;}
.top-content-wrap .content-area .content h2 {margin-bottom: 10px; position: relative; font-size: 18px; color: #668dda; background: #f0f4fb; border-bottom: 2px solid #668dda; font-weight: bold; padding: 5px 0 5px 30px;}
.top-content-wrap .content-area .content h2:before {content: ''; position: absolute; background: url(../images/top/top-content-icon.png); width: 20px; height: 18px; background-size: 20px; top: 4px; left: 5px; display: block; z-index: 9;}
.top-content-wrap .content-area .content h3 {font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.top-content-wrap .content-area .content ul.list {}
.top-content-wrap .content-area .content ul.list li {margin-bottom: 10px;}
.top-content-wrap .content-area .content ul.list li a {}
.top-content-wrap .content-area .content ul.list li a span {display: inline-block; margin-right: 20px;}

.top-content-wrap .content-area .content .list-box-area {display: flex; justify-content: space-between;}
.top-content-wrap .content-area .content .list-box-area .list-box:first-child ul.list02 {display: flex; justify-content: space-between; flex-wrap: wrap; width: 475px;}
.top-content-wrap .content-area .content .list-box-area .list-box:nth-child(2) {display: block; justify-content: space-between; flex-wrap: wrap; width: 230px;}
.top-content-wrap .content-area .content .list-box-area ul.list02 {}
.top-content-wrap .content-area .content .list-box-area ul.list02 li {width: 230px; display: block; border: 1px solid #949494; margin-bottom: 10px;}
.top-content-wrap .content-area .content .list-box-area ul.list02 li a {display: flex; justify-content: space-between; align-items: center;}
.top-content-wrap .content-area .content .list-box-area ul.list02 li a.no-link {pointer-events: none;}
.top-content-wrap .content-area .content .list-box-area ul.list02 li a h4 {
	    font-weight: bold;
    font-size: 14px;
    letter-spacing: -2px;
    line-height: 1.1em;
    padding: 6px 0 0 20px;
    position: relative;}
.top-content-wrap .content-area .content .list-box-area ul.list02 li a h4:before {content: '▶︎'; position: absolute; top: 40%; left: 4%; font-size: 14px; color: #668dda;}
.top-content-wrap .content-area .content .list-box-area ul.list02 li a h4 span {margin: 0 0 0 3px; vertical-align: text-bottom;}
.top-content-wrap .content-area .content .list-box-area ul.list02 li .photo {width: 50px;}
.top-content-wrap .content-area .content .list-box-area ul.list02 li .photo img {width: 100%; height: auto;}
.top-content-wrap .content-area .content .list-box-area ul.list02 li .on {display: none;}
.top-content-wrap .content-area .content .list-box-area ul.list02 li .off {display: block;}
.top-content-wrap .content-area .content .list-box-area ul.list02 li:hover .on {display: block;}
.top-content-wrap .content-area .content .list-box-area ul.list02 li:hover .off {display: none;}

.top-content-wrap .content-area .content ul.list03 {display: flex; justify-content: space-between; flex-wrap: wrap;}
.top-content-wrap .content-area .content ul.list03 li {width: 230px; display: block; border: 1px solid #949494; margin-bottom: 10px;}
.top-content-wrap .content-area .content ul.list03 li a {display: flex; justify-content: space-between;}
.top-content-wrap .content-area .content ul.list03 li a h4 {font-weight: bold; font-size: 16px; line-height: 1.1em; padding: 18px 0 15px 20px; position: relative;}
.top-content-wrap .content-area .content ul.list03 li a h4:before {content: '▶︎'; position: absolute; top: 18px; left: 3%; font-size: 14px; color: #668dda;}
.top-content-wrap .content-area .content ul.list03 li .photo {width: 65px;}
.top-content-wrap .content-area .content ul.list03 li .photo img {width: 100%; height: auto;}

.top-content-wrap .content-area .content ul.list04 {display: flex; justify-content: space-between; flex-wrap: wrap;}
.top-content-wrap .content-area .content ul.list04 li {width: 230px; display: block; border: 1px solid #949494; margin-bottom: 10px; height: 107px;}
.top-content-wrap .content-area .content ul.list04 li a {display: flex; justify-content: space-between;}
.top-content-wrap .content-area .content ul.list04 li a h4 {font-weight: bold; font-size: 16px; letter-spacing: -1px; line-height: 1.1em; padding: 45px 0 0 20px; position: relative;}
.top-content-wrap .content-area .content ul.list04 li a h4:before {content: '▶︎'; position: absolute; top: 45px; left: 3%; font-size: 14px; color: #668dda;}
.top-content-wrap .content-area .content ul.list04 li .photo {width: 87.5px;}
.top-content-wrap .content-area .content ul.list04 li .photo img {width: 100%; height: auto;}

.top-content-wrap .content-area .content ul.list05 {display: flex; justify-content: space-between; flex-wrap: wrap;}
.top-content-wrap .content-area .content ul.list05 li {width: 230px; display: block; border: 1px solid #949494; margin-bottom: 11px; height: 47px;}
.top-content-wrap .content-area .content ul.list05 li a {display: flex; justify-content: space-between;}
.top-content-wrap .content-area .content ul.list05 li a h4 {font-weight: bold; font-size: 16px; line-height: 1.1em; padding: 18px 0 12px 20px; position: relative;}
.top-content-wrap .content-area .content ul.list05 li a h4:before {content: '▶︎'; position: absolute; top: 18px; left: 3%; font-size: 14px; color: #668dda;}
.top-content-wrap .content-area .content ul.list05 li .photo {width: 103px;}
.top-content-wrap .content-area .content ul.list05 li .photo img {width: 100%; height: auto;}
.top-content-wrap .content-area .content:nth-child(2) .list-box-area .list-box:first-child {display: flex; justify-content: space-between; flex-wrap: wrap; width: 230px;}
.top-content-wrap .content-area .content:nth-child(2) .list-box-area .list-box:nth-child(2) {display: block; justify-content: space-between; flex-wrap: wrap; width: 475px;}

.top-content-wrap .content-area .content ul.top-list li a {-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.top-content-wrap .content-area .content ul.top-list li:hover {border: 1px solid #668dda;}
.top-content-wrap .content-area .content ul.top-list li:hover a {background: #668dda; color: #fff;}

.top-content-wrap .side-area ul li:hover {}
.top-content-wrap .side-area ul li:hover a {color: #668dda; background: #fff; padding-left: 5%;}
.top-content-wrap .side-area ul li:hover:before {display: none; color: #668dda;}






/* page-content */
.page .page-content {width: 90%; max-width: 1000px; margin: auto auto 100px auto !important;}
.page-content h1 {font-size: 30px; font-weight: bold; padding-left: 35px; color:#668dda; position: relative; padding-bottom: 15px; border-bottom: 3px solid #668dda; margin-bottom: 35px;}
.page-content h1:before {content: ''; position: absolute; background: url(../images/top/top-content-icon.png); width: 28px; height: 25px; background-size: 28px; top: 1px; left: 5px; display: block; z-index: 9;}
.page-content .content {}
.page-content {width: 100%; max-width: 980px; margin: 20px auto 0 auto; line-height: 1.5em;}
.page-content .bread {display: flex; justify-content: left; margin-bottom: 30px;font-size: 12px; }
.page-content .bread li {margin-right: 10px; color: #3c3c3c;}
.page-content .bread li:after {content: ">"; margin-left: 10px;}
.page-content .bread li:last-child:after {content: "";}
.page-content .bread li a {color: #003cc2; text-decoration: underline;}
.page-content img {width: 100%; height: auto;}

.read-text-wrap {margin-bottom: 35px; font-size: 14px; line-height: 1.5em;}
.read-text-wrap h3 {margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #668dda;}
.read-text-wrap h4 {margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #668dda;}
.read-text-wrap .tt {border-bottom: 1px solid #668dda; padding-bottom: 20px;}
.read-text-wrap .flex-area {display: flex; justify-content: space-between;}
.read-text-wrap .flex-area .left {float: none; width: 60%;}
.read-text-wrap .flex-area .right {float: none; width: 35%;}
.read-text-wrap .flex-area img {width: 100%; height: auto;}

.content h2.mainunit {background: #668dda !important; margin-bottom: 20px !important; color: #fff !important; position: relative; padding-left: 30px; padding-top: 3px;}
.content h2.mainunit:before {content: ''; position: absolute; background: url(../images/top-content-icon02.png); width: 26px; height: 23px; background-size: 26px; top: 4px; left: 5px; display: block; z-index: 9;}

.border-area {padding: 10px; border: 1px solid #668dda;}
.border-area h3 {margin-bottom: 5px; color: #668dda; font-weight: bold;}
.border-area p {margin-bottom: 5px; margin-left: 10px;}
.border-area p:last-child {margin-bottom: 0px;}


/* side-area */
.side-area {max-width: 220px; width: 22%;}
.side-area h3 {font-size: 16px; color: #668dda; font-weight: bold; margin-bottom: 25px;}
.side-area h3.link {background: #668dda; color: #fff; padding-left: 10px;}
.side-area ul {}
.side-area ul li {margin-bottom: 11px;}
.side-area ul li a {padding: 5px 0px 5px 20px; font-size: 14px; display: block;}
.side-area ul.sub-link li a {padding: 5px 0px 5px 35px;}
.side-area ul.sub-link li a:before {content: '◆'; font-size: 10px;}
.side-area ul li.link a {background: #668dda; color: #fff;}
/*.factory-area .side-area ul li a {color: #668dda;}*/
.factory-area .side-area ul.sub-link li a {color: #333;}
.factory-area .side-area ul li.link a {color: #fff;}
.factory-area .side-area ul.sub-link li.link a {background: #668dda; color: #fff;}
.recruit-area.senior .side-area ul li.link-senior a {background: #668dda; /* background: #f0f4fb; */ /*color: #668dda;*/ color: #fff;}



/* quality */
.read-wrap {font-size: 24px; font-weight: bold; margin-bottom: 10px; line-height: 1.2em;}
.read-wrap span {color: #668dda;}
.quality-table {position: relative; width: 100%; max-width: 720px; height: 738px;}
.quality-table .quality-area {position: absolute;}
.quality-table .quality-area p {font-size: 11px; margin-top: 5px; letter-spacing: -1px; line-height: 1.5em;}
.quality-table .quality-area.quality01 {width: 70%; max-width: 462px; top: 66px; left: 0;}
.quality-table .quality-area.quality02 {width: 31%; max-width: 220px; right: 0; top: 60px;}
.quality-table .quality-area.quality03 {width: 31%; max-width: 220px; right: 0; top: 240px;}
.quality-table .quality-area.quality04 {width: 31%; max-width: 220px; right: 0; top: 413px;}
.quality-table .quality-area.quality05 {width: 22.5%; max-width: 165px; top: 590px; left: 0;}
.quality-table .quality-area.quality06 {width: 22.5%; max-width: 165px; top: 590px; left: 185px;}
.quality-table .quality-area.quality07 {width: 22.5%; max-width: 165px; top: 590px; left: 370px;}
.quality-table .quality-area.quality08 {width: 22.5%; max-width: 165px; top: 590px; right: 0;}



/* contact */
#contact dt{display: table; background: #F2F2F2; color: #fff; border-left: 1px solid #999; border-right: 1px solid #9999; border-top: 1px solid #ccc; width: 100%;}
#contact dt {font-weight: bold; vertical-align: middle; display: table-cell; padding: 3px 0; min-height: 1.5em; text-align: center; width: 170px; background-color: #668dda;}
#contact dd {display: table-cell; min-height: 1.5em; background: #fff; border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 20px; width: 830px;}
#contact dl:last-child {border-bottom: 1px solid #999;}
#contact dd input {max-width: 500px; width: 100%; border: 1px solid #5a5a5a;}
#contact dd textarea {width: 100%; max-width: 790px; border: 1px solid #5a5a5a; height: 80px;}
#contact dd input.info01 {width: auto;}
#contact .info01 dd label {display: block;}
#contact .info01 .horizontal-item {margin-left: 0px;}
#contact .form-back input {border: 1px solid #bcbcbc;}
#contact .btnbox {text-align: center; margin: 20px auto auto auto;}
#contact .privacy-link {font-size: 12px; text-align: center; margin-top: -15px;}
#contact .privacy-link a {color: #003cc2; text-decoration-line: underline;}


/* contact */
#contact01 dt{display: table; background: #F2F2F2; color: #fff; border-left: 1px solid #999; border-right: 1px solid #9999; border-top: 1px solid #ccc; width: 100%;}
#contact01 dt {font-weight: bold; vertical-align: middle; display: table-cell; padding: 3px 0; min-height: 1.5em; text-align: center; width: 170px; background-color: #668dda;}
#contact01 dd {display: table-cell; min-height: 1.5em; background: #fff; border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 20px; width: 830px;}
#contact01 dl:last-child {border-bottom: 1px solid #999;}
#contact01 dd input {max-width: 500px; width: 100%; border: 1px solid #5a5a5a;}
#contact01 dd textarea {width: 100%; max-width: 790px; border: 1px solid #5a5a5a; height: 80px;}
#contact01 dd input.info01 {width: auto;}
#contact01 .info01 dd label {display: block;}
#contact01 .info01 .horizontal-item {margin-left: 0px;}
#contact01 .form-back input {border: 1px solid #bcbcbc;}
#contact01 .btnbox {text-align: center; margin: 20px auto auto auto;}
#contact01 .privacy-link {font-size: 12px; text-align: center; margin-top: -15px;}
#contact01 .privacy-link a {color: #003cc2; text-decoration-line: underline;}


.contact-list {    min-height: 300px;
    margin-top: 100px;}
.contact-list ul {justify-content: space-between; display: flex;}
.contact-list ul li {width: 30%;}
.contact-list ul li a {font-size: 18px; text-align: center; display: block; padding: 3% 5%; background: #668dda; border: 1px solid #668dda; color: #fff; font-weight: bold;}
.contact-list ul li a span {display: block; font-size: 22px; }


.lineup .contact-list ul li a {
  padding: 3px;
}

/* contact */
#contact02 dt{display: table; background: #F2F2F2; color: #fff; border-left: 1px solid #999; border-right: 1px solid #9999; border-top: 1px solid #ccc; width: 100%;}
#contact02 dt {font-weight: bold; vertical-align: middle; display: table-cell; padding: 3px 0; min-height: 1.5em; text-align: center; width: 170px; background-color: #668dda;}
#contact02 dd {display: table-cell; min-height: 1.5em; background: #fff; border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 20px; width: 830px;}
#contact02 dl:last-child {border-bottom: 1px solid #999;}
#contact02 dd input {max-width: 500px; width: 100%; border: 1px solid #5a5a5a;}
#contact02 dd textarea {width: 100%; max-width: 790px; border: 1px solid #5a5a5a; height: 80px;}
#contact02 dd input.info01 {width: auto;}
#contact02 .info01 dd label {display: block;}
#contact02 .info01 .horizontal-item {margin-left: 0px;}
#contact02 .form-back input {border: 1px solid #bcbcbc;}
#contact02 .btnbox {text-align: center; margin: 20px auto auto auto;}
#contact02 .privacy-link {font-size: 12px; text-align: center; margin-top: -15px;}
#contact02 .privacy-link a {color: #003cc2; text-decoration-line: underline;}


/* contact */
#contact03 dt{display: table; background: #F2F2F2; color: #fff; border-left: 1px solid #999; border-right: 1px solid #9999; border-top: 1px solid #ccc; width: 100%;}
#contact03 dt {font-weight: bold; vertical-align: middle; display: table-cell; padding: 3px 0; min-height: 1.5em; text-align: center; width: 170px; background-color: #668dda;}
#contact03 dd {display: table-cell; min-height: 1.5em; background: #fff; border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 20px; width: 830px;}
#contact03 dl:last-child {border-bottom: 1px solid #999;}
#contact03 dd input {max-width: 500px; width: 100%; border: 1px solid #5a5a5a;}
#contact03 dd textarea {width: 100%; max-width: 790px; border: 1px solid #5a5a5a; height: 80px;}
#contact03 dd input.info01 {width: auto;}
#contact03 .info01 dd label {display: block;}
#contact03 .info01 .horizontal-item {margin-left: 0px;}
#contact03 .form-back input {border: 1px solid #bcbcbc;}
#contact03 .btnbox {text-align: center; margin: 20px auto auto auto;}
#contact03 .privacy-link {font-size: 12px; text-align: center; margin-top: -15px;}
#contact03 .privacy-link a {color: #003cc2; text-decoration-line: underline;}


/* single */
.flexbox {display: flex; justify-content: space-between;}
.flexbox .text {width: 60%;}
.flexbox .photo {width: 35%;}
.single-area {display: flex; width: 100%; justify-content: space-between;}
.single-area .side-area {}
.single-area .side-area h3.blue a {color: #668dda;}
.single-area .content {width: 72%; max-width: 720px;}
.single-area .content .wrap-content {}
.single-area .content .wrap-content .text-area {}
.single-area .content .wrap-content h2 {color: #668dda;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #668dda;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 18px;
}
.single-area .content .wrap-content .greeting {margin-bottom: 30px; font-size: 18px;}
.single-area .content .wrap-content table {border: none; border-collapse: initial;}
.single-area .content .wrap-content table td {/*min-width: 600px;*/ border: none; border-collapse: initial; font-size: 14px;}



/* privacy */
#privacy {}
#privacy table.main {}
#privacy table, th, td {border-collapse: collapse; border: 1px solid #ccc; line-height: 1.5;}
#privacy table.main th {width: 150px; padding: 20px; font-weight: bold; vertical-align: top; background: #3f3f3f; color: #ffffff;}
#privacy table.main td {width: 350px; padding: 20px; vertical-align: middle;}
#privacy table.main td:first-child {width: 170px; padding: 0; text-align: center; background: #668dda; color: #ffffff;}
#privacy table.main td:nth-child(2) {width: 810px;} 

#privacy table.inside {margin: 10px 0;}
#privacy table.inside td {padding: 5px;}
#privacy table.inside td:first-child {background: #fff; width: 40px; color: #3c3c3c;}
#privacy table.inside td:nth-child(2) {background: #fff; width: 390px;}
#privacy table.main td a {color: #003cc2; text-decoration-line: underline;}

#material .single-area table.table-area.products2.m01 tr > td:first-child {/*text-align: center;*/}
#material .single-area table.table-area.products2.m01 tr > td:nth-child(2) {}
#material .single-area table.table-area.products1 {border-left: 1px solid #ccc;}


#privacy .page-content h1 {margin-bottom: 60px;}
#privacy br.sp {display: none;}
#privacy br.pc {display: block;}
#privacy section {margin-bottom: 100px;}
#privacy h2.font_title {margin-bottom: 20px; font-size: 24px; text-align: center; font-weight: bold;}

/*privacy
-------------------------------*/
#privacy .privacyTxtBox {
  padding-top: 20px;
}
#privacy .privacyTxtBox p:first-of-type {
  margin-top: 0;
}
#privacy .privacyTxtBox .privacyTxt {
  margin-top: 10px;
  padding-left: 3em;
  box-sizing: border-box;
}
#privacy .privacyTxtBox ul.privacyTxt li {
  margin-bottom: 10px;
  text-indent: -3em;
}
#privacy .privacyTxtBox .privacyContact {
  margin: 20px 3em 0;
  text-indent: -1em;
  padding-left: 2em;
}
#privacy .privacyTxtBox ul.privacyTxt2 {
  margin-top: 30px;
  padding: 20px;
  padding-left: calc(20px + 1em);
  border: 1px solid #668dda;
  box-sizing: border-box;
}
#privacy .privacyTxtBox ul.privacyTxt2 li {
  text-indent: -1em;
}

#privacy a.privacylink {display: inline-block; font-weight: bold; color: #668dda; text-decoration-line: underline;}
#page #privacy section:last-child .privacyTxtBox ul.privacyTxt {padding-left: 0;}
#page #privacy section:last-child .privacyTxtBox ul.privacyTxt li {text-indent: 0em;}





/*  */
table.table-area {font-size: 12px; border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc !important;}
table.table-area tr > th {font-size: 14px; width:auto; background: #668dda; color: #fff; text-align: left; vertical-align: middle; padding: 0px 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc !important; border-right: 1px solid #ccc !important; border-bottom: 0px solid #ccc !important;}
table.table-area tr > td {font-size: 14px !important; padding: 20px; border-top: 1px solid #ccc !important; border-right: 1px solid #ccc !important; border-bottom: 0px solid #ccc;}
table.border-none tr > td {padding: 0 10px; border-top: 0px solid #ccc !important; border-right: px solid #ccc !important; border-bottom: 0px solid #ccc;}
table.table-area tr > td.rei01 {border-bottom: 1px solid #ccc;}
table.table-area .linkc {}
table.table-area .linkc:hover {color: #668dda;}
.single-area .content .wrap-content .border-none {border: none !important;}
.single-area .content .wrap-content .vertical-align-top {vertical-align: top;}


table.table-area.paddingnone tr > td {
  padding: 0;
}

.environment .read {margin-bottom: 30px;}
/*
table.table-area,table.table-area th,table.table-area td {border-collapse: collapse; border: 1px solid #ccc; line-height: 1.5;}
table.table-area th {width: 100px; padding: 20px; font-weight: bold; vertical-align: top; background: ##668dda; color: #ffffff;}
table.table-area td {width: 350px; padding: 20px; vertical-align: middle;}
table.table-area td:first-child {width: 170px; padding: 0; text-align: center; background: #668dda;}
table.table-area td:nth-child(2) {width: 810px;} 
*/



#profile table.table-area tr > th {width: 60px;}
#profile table.table-area.history02 tr > th {width: auto;}


/* factory */
.single-area .content .wrap-content {}
.factory-area .single-area .content .wrap-content {}
.factory-area .single-area .content .wrap-content .read {}
.factory-area .single-area .content .wrap-content .read p {font-size: 20px; font-weight: bold; margin-bottom: 35px; margin-top: 20px; text-align: center;}
.factory-area .single-area .content .wrap-content .process {}
.factory-area .single-area .content .wrap-content .process h2 {margin-bottom: 15px; position: relative; font-size: 26px; color: #668dda; border-bottom: 2px solid #668dda; font-weight: bold; padding: 5px 0 5px 40px;}
.factory-area .single-area .content .wrap-content .process h2:before {content: ''; position: absolute; background: url(../images/top/top-content-icon.png); width: 26px; height: 23px; background-size: 26px; top: 4px; left: 5px; display: block; z-index: 9;}

.factory-area .single-area .content .wrap-content .process .process-link {}
.factory-area .single-area .content .wrap-content .process .process-link ul {/*background: url(../images/factory/factory-link-bg.png);*/ width: 720px; height: 100px; position: relative;}
.factory-area .single-area .content .wrap-content .process .process-link ul li {position: absolute;}
.factory-area .single-area .content .wrap-content .process .process-link ul li.link01 {top: 0; left: 0; z-index: 8;}
.factory-area .single-area .content .wrap-content .process .process-link ul li.link02 {top: 0; left: 103px; z-index: 7;}
.factory-area .single-area .content .wrap-content .process .process-link ul li.link03 {top: 0; left: 205px; z-index: 6;}
.factory-area .single-area .content .wrap-content .process .process-link ul li.link04 {top: 0; left: 310px; z-index: 5;}
.factory-area .single-area .content .wrap-content .process .process-link ul li.link05 {top: 0; left: 412px; z-index: 4;}
.factory-area .single-area .content .wrap-content .process .process-link ul li.link06 {top: 0; left: 515px; z-index: 3;}
.factory-area .single-area .content .wrap-content .process .process-link ul li.link07 {top: 0; left: 618px; z-index: 2;}
.factory-area .single-area .content .wrap-content .process .process-link ul li.link08 {top: 0; left: 0;}
.factory-area .single-area .content .wrap-content .process .process-link ul li a {}
.factory-area .single-area .content .wrap-content .process .process-movie {height: 405px; background: #c2c2c2; margin-top: 20px;}
.factory-area .single-area .content .wrap-content .process .process-movie video {width: 100%; height: auto; margin-top: 20px; display: none;}
.factory-area .single-area .content .wrap-content .process .process-movie iframe {width: 100%; height: 405px; margin-top: 0px;}

.factory-area.single .single-area .content h1 {color: #989898;}
.factory-area.single .single-area .content h2.mein {margin-bottom: 15px; position: relative; font-size: 26px; color: #668dda; border-bottom: 2px solid #668dda; font-weight: bold; padding: 5px 0 5px 40px;}
.factory-area.single .single-area .content h2.mein:before {content: ''; position: absolute; background: url(../images/top/top-content-icon.png); width: 26px; height: 23px; background-size: 26px; top: 4px; left: 5px; display: block; z-index: 9;}
.factory-area.single .single-area .content .read {font-size: 14px; margin-bottom: 25px;}
.factory-area.single .single-area .content .movie-list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.factory-area.single .single-area .content .movie-list li {max-width: 350px; width: 48%; line-height: 1em;}
.factory-area.single .single-area .content .movie-list li video {width: 100%; height: auto;}
.factory-area.single .single-area .content .movie-list li iframe {width: 100%; height: 194px;}
.factory-area.single .single-area .content .movie-list li p {font-size: 12px; margin-top: 5px; margin-bottom: 20px;}
.factory-area.single .single-area .content .movie-list li a {}



/* recruit */
.page .page-content.recruit-area {}
.page .page-content.recruit-area .recruit-list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.page .page-content.recruit-area .recruit-list li {margin-bottom: 20px; max-width: 350px; width: 48%;}
.page .page-content.recruit-area .recruit-list li.onoff .on {display: none;}
.page .page-content.recruit-area .recruit-list li.onoff .off {display: block;}
.page .page-content.recruit-area .recruit-list li.onoff:hover .on {display: block;}
.page .page-content.recruit-area .recruit-list li.onoff:hover .off {display: none;}
.page .page-content.recruit-area .recruit-list li a {}
.page .page-content.recruit-area.single .single-area .content h1 {color: #989898;}
.page .page-content.recruit-area.single .single-area .content h2.mein {margin-bottom: 20px; position: relative; font-size: 26px; color: #668dda; border-bottom: 2px solid #668dda; font-weight: bold; padding: 5px 0 5px 40px;}
.page .page-content.recruit-area.single .single-area .content h2.mein:before {content: ''; position: absolute; background: url(../images/top/top-content-icon.png); width: 26px; height: 23px; background-size: 26px; top: 4px; left: 5px; display: block; z-index: 9;}
.page .page-content.recruit-area.senior .senior-list {margin-bottom: 20px; position: relative;}
.page .page-content.recruit-area.senior .senior-list .top-link {position: absolute;     bottom: 14px;
    right: -32px;}



.page .page-content.recruit-area.senior .senior-list {background: #f0f4fb; padding: 20px;}
.page .page-content.recruit-area.senior .senior-list .main {margin-bottom: 30px;}
.page .page-content.recruit-area.senior .senior-list .main .name {position: absolute; top: 260px; right: 5px;}
.page .page-content.recruit-area.senior .senior-list .flex-area {display: flex; justify-content: space-between;}
.page .page-content.recruit-area.senior .senior-list .flex-area .text {width: 395px;}
.page .page-content.recruit-area.senior .senior-list .flex-area .text h3 {position: relative; padding-left: 35px; color: #ff5400; font-weight: bold; font-size: 18px; margin-bottom: 25px;}
.page .page-content.recruit-area.senior .senior-list .flex-area .text h3:before {content: ''; position: absolute; background: url(../images/senior/Q.png); width: 26px; height: 23px; background-size: 26px; top: 4px; left: 5px; display: block; z-index: 9;}
.page .page-content.recruit-area.senior .senior-list .flex-area .text p {position: relative; font-size: 14px; margin-bottom: 25px; padding-left: 35px;}
.page .page-content.recruit-area.senior .senior-list .flex-area .text p:before {content: ''; position: absolute; background: url(../images/senior/A.png); width: 26px; height: 23px; background-size: 26px; top: 4px; left: 5px; display: block; z-index: 9;}
.page .page-content.recruit-area.senior .senior-list .flex-area .photo {width: 260px; margin-top: 180px;}
.page .page-content.recruit-area.senior .senior-list .flex-area .photo p {margin-bottom: 35px;}



#news.page .page-content .wrap-content {min-height: 400px;}
#news .news-list {min-height: 400px;}
#news .news-list li a {padding-bottom: 3px; display: block; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
#news .news-list li a span {display: inline-block; margin-right: 20px;}


/* material */
#material .single-area .content .wrap-content {}
#material .single-area .content .wrap-content .read {font-size: 22px; font-weight: bold; margin-bottom: 35px; line-height: 1.3em;}
#material .side-area h3 {background: #668dda; display: block;}
#material .side-area h3 a {padding: 5px 0px 5px 20px; font-size: 14px; color: #fff;}
/*#material .single-area .side-area h3 {color: #fff; padding: 5px 0px 5px 20px;}*/
#material .single-area .side-area h3 {background: #fff; color: #668dda;}
#material .single-area .side-area h3 a {color: #668dda;}
#material .single-area .content h1 {color: #989898;}
#material .single-area .content h2.mein {margin-bottom: 15px; position: relative; font-size: 26px; color: #668dda; border-bottom: 2px solid #668dda; font-weight: bold; padding: 5px 0 5px 40px;}
#material .single-area .content h2.mein:before {content: ''; position: absolute; background: url(../images/top/top-content-icon.png); width: 26px; height: 23px; background-size: 26px; top: 4px; left: 5px; display: block; z-index: 9;}
#material .single-area .content .wrap-content h3 {color: #668dda; font-size: 16px; font-weight: bold;}
#material .single-area .content .wrap-content .sub {font-size: 12px;}
#material .single-area .content .wrap-content .text {margin-bottom: 40px;}
#material .single-area .content .wrap-content .flex-area .right {width: 240px; font-size: 12px;}
#material .single-area .content .wrap-content .flex-area .right .photo {margin-bottom: 35px;}

#material .single-area h3.list {margin-bottom: 5px;}
#material .single-area .list-table {font-size: 12px; padding: 20px; border: 1px solid #ccc !important; font-size: 12px; margin-bottom: 30px;}
#material .single-area .list-content {margin-bottom: 30px; font-size: 12px;}
#material .single-area table.table-area.products2 {border-left: 1px solid #ccc !important;}
#material .single-area table.table-area.products2 {border-left: 1px solid #ccc !important;}
#material .single-area table.table-area.products2 tr > th {padding: 2px; width: auto;}
#material .single-area table.table-area.products2 tr > td {padding: 2px; font-size: 10px;}
.single-area .content.material05 img {width: auto; display: block;}

.single-area .content.material05 .wrap-content h2 {font-size: 25px; color: #000; border-bottom: none; margin-top: 55px;}
.single-area .content.material05 .wrap-content h2 span {color: #668dda;}
.single-area .content.material05 .wrap-content .link {color: #003cc2;}
#material .single-area .content h3.text-list {margin-bottom: 15px; position: relative; font-size: 23px; color: #668dda; border-bottom: 1px solid #668dda; font-weight: bold; padding: 5px 0 5px 40px;}
#material .single-area .content h3.text-list:before {content: ''; position: absolute; background: url(../images/material/icon05.svg); width: 26px; height: 23px; background-size: 26px; top: 7px; left: 5px; display: block; z-index: 9;}

.tt12 {font-size: 12px;}
/*
#material .single-area table.table-area.products2 tr > th:nth-child(1) {width: 300px;}
#material .single-area table.table-area.products2 tr > th:nth-child(2) {width: 300px;}
#material .single-area table.table-area.products2 tr > th:nth-child(3) {width: 300px;}
#material .single-area table.table-area.products2 tr > th:nth-child(4) {width: 300px;}
#material .single-area table.table-area.products2 tr > th:nth-child(5) {width: 300px;}
#material .single-area table.table-area.products2 tr > th:nth-child(6) {width: 300px;}
#material .single-area table.table-area.products2 tr > th:nth-child(7) {width: 300px;}
#material .single-area table.table-area.products2 tr > th:nth-child(8) {width: 300px;}
#material .single-area table.table-area.products2 tr > th:nth-child(9) {width: 300px;}
*/





/* スクロールに関する記述 */
.tablescroll .table-scroll-wrap {overflow-x: scroll; margin: 0;}
.tablescroll .table-scroll-wrap02 table {width: 1200px;}
/*
.tablescroll.table-scroll-wrap-area {position: relative;}
.tablescroll.table-scroll-wrap-area:after {content: ''; width: 5%; height: 100%; display: block; position: absolute; top: 0; right: 0; content: ''; background: -webkit-linear-gradient(right, #fff, transparent); background: -moz-linear-gradient(right, #fff, transparent); background: -o-linear-gradient(right, #fff, transparent); background: linear-gradient(to left, #fff, transparent);}
.tablescroll.table-scroll-wrap-area table {width: 1000px;}
.tablescroll.table-scroll-wrap-area .scroll {font-size: 3vw; display: block; margin-top: 10px; margin-bottom: 10px; text-align: center; position: initial;}
.tablescroll.table-scroll-wrap-area .scroll:after {content: '▶︎'; margin-left: 10px; color: #F0ECFF;}
*/




/* product */
#product .side-area ul li {}
#product .side-area ul li.link a {color: #fff !important;}
#product .side-area ul li a {padding: 5px 0px 5px 0px; color: #668dda;}
#product .side-area ul.sub li a {padding: 5px 0px 5px 10px; color: #3c3c3c;}
#product .side-area ul.sub li:nth-child(6) a {pointer-events: none;}
#product .side-area ul.sub {margin-bottom: 20px;}
#product .single-area .content .wrap-content h2 {border-bottom: none;}
#product .single-area .content .wrap-content .read span {color: #668dda;}
#product .single-area .content .wrap-content .read {font-size: 22px; font-weight: bold; margin-bottom: 35px; line-height: 1.3em;}
.page-content .single-area .content h1 {color: #989898; position: relative;}
.page-content .single-area .content h1 .icon {position: absolute;
    width: 145px;
    top: 15px;
    right: -1px;
    z-index: 9;}
#product .page-content .single-area .content h2.mein {margin-bottom: 20px; position: relative; font-size: 26px; color: #668dda; border-bottom: 2px solid #668dda; font-weight: bold; padding: 5px 0 5px 40px;}
#product .page-content .single-area .content h2.mein:before {content: ''; position: absolute; background: url(../images/top/top-content-icon.png); width: 26px; height: 23px; background-size: 26px; top: 4px; left: 5px; display: block; z-index: 9;}
#product .page-content .senior-list {margin-bottom: 20px;}

#product .single-area .content .wrap-content .no-link {pointer-events: none;}
#product .single-area .content .wrap-content .text-area {margin-bottom: 30px;}
#product .single-area .content .wrap-content .text-area table.table-area tr > th {width: auto;}
#product .single-area .content .wrap-content .text-area table.table-area tr > td { padding: 10px;}
#product .single-area .content .wrap-content .text-area h2.main {border-bottom: 1px solid #668dda;}
#product .single-area .content .wrap-content table td:first-child {border-left: 1px solid #ccc;}
#product .single-area .content .wrap-content .area-01 {    overflow-x: scroll;
    margin: 0;}
.content .wrap-content .scroll {
    display: block;
    margin-top: 10px;
    text-align: center;
    position: initial;
}
.content .wrap-content .scroll:after {
    content: '▶︎';
    margin-left: 10px;
    color: #F0ECFF;
}
#product .side-area ul li a {font-size: 13px;}

#senior01 .side-area ul li .sub-link li:nth-child(4) {display: none;}
#senior01 .page .page-content.recruit-area.senior .senior-list#link04 {display: none;}


.productlist01 {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.productlist01 li {max-width: 220px; width: 31%; margin-right: 4%; margin-bottom: 4%;}
.productlist01 li:nth-child(3n) {margin-right: 0;}
.productlist01 li h3 {background: #668dda; color: #fff; font-size: 14px; padding: 10px 0;line-height: 1em; text-align: center; font-weight: bold;}




/*
#profile .single-area .content .wrap-content table td {display: table; width: 100%;}
#profile .single-area .content .wrap-content table td p {display: table-cell; vertical-align: middle;}
*/


.content.search {width: 100%; max-width: 1000px; margin: auto; min-height: 400px; margin-top: 60px; line-height: 1.7em;}
.content.search h2.search {color: #668dda; font-size: 24px; font-weight: bold; margin-bottom: 30px;}
.content.search span.reason {font-size: 20px; font-weight: bold; display: inline-block; margin-right: 10px;}
.content.search .kensaku {margin-top: 40px;}

.content.search .post-list li {padding-bottom: 5px; margin-bottom: 30px; border-bottom: 1px solid #efefef;}





#recruitment table.table-area tr > th {width: 105px;}








/* テスト */

br.sp-br {display: none;}

.test dl {
	text-align: left;
    line-height: 2em;
}
.test dl dt{counter-increment: q;
    padding: 20px 50px 20px 100px;
    position: relative;
    border-bottom: 1px dashed #bd0214;
    margin-top: 10px;
    cursor: pointer;}
.test dl dd{padding: 20px 50px 20px 100px;
    position: relative;
    margin-top: 10px;
    display: none;}