@charset "UTF-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {


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

#company {}
#company main {}
#company main .w1000 { padding: 150px 0 90px;}
#company main ul { margin: 0; padding: 0; list-style: none;}
#company main ul li { width: 465px; float: left; text-align: center;}
#company main ul li:nth-child(2n+1) { margin: 0 70px 20px 0;}
#company main ul li a { display: block; text-decoration: none; color: #FFF; position: relative;}
#company main ul li a figure { width: 465px; height: 180px; overflow: hidden; margin: 0 0 20px;}
#company main ul li a h3 { font-size: 30px; line-height: 180px; position: absolute; top: 0; left: 0; right: 0; margin: auto; /*font-family: 'Ropa Sans', sans-serif;*/ font-family: "Times New Roman", Times, serif; font-weight: normal;}
#company main ul li a h3::after { content: ""; width: 100px; height: 2px; background: #FFF; position: absolute; bottom: 65px; left: 0; right: 0; margin: auto;}
#company main ul li a figure img {}
#company main ul li a p { color: #000; font-size: 16px; font-family: 'Noto Serif JP', serif;}

#company main ul li a:hover figure img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
#company main ul li a:hover h3::after { content: ""; width: 140px;}


/*company_intro
------------------------------------------*/

#company_intro {}
#company_intro main {}
#company_intro main .w1000 { padding: 150px 0 90px; text-align: center;}
#company_intro main h4 { font-size: 36px; font-family: 'Noto Serif JP', serif; letter-spacing: 0.3em;}
/*#company_intro main p { font-size: 20px; font-family: 'Noto Serif JP', serif; line-height: 41px;}*/
#company_intro main .inbox01 { margin: 90px auto 65px; }
#company_intro main .inbox01 h4 { margin: auto auto 60px; }
#company_intro main .inbox02 { margin: auto auto 65px; }
#company_intro main .inbox02 .bg { background: #FFF; padding: 20px; margin: 65px auto; }
#company_intro main .inbox02 .bg h4 { float: left; background: #FFF; width: 300px;}
#company_intro main .inbox02 .bg p { float: right; text-align: left; font-size: 20px; font-family: 'Noto Serif JP', serif; line-height: 41px;}
#company_intro main .inbox03 { margin: auto auto 90px;}
#company_intro main .inbox03 p { font-size: 20px; font-family: 'Noto Serif JP', serif; line-height: 41px;}
#company_intro main .inbox04 { display: inline-block; text-align: left; margin: auto auto 90px;}
#company_intro main .inbox04 h4 { text-align: center;}
#company_intro main .inbox04 p { font-size: 20px; font-family: 'Noto Serif JP', serif; line-height: 41px; text-indent : -2em; padding-left : 2em;}


/*company_greeting
------------------------------------------*/

#company_greeting {}
#company_greeting main {}
#company_greeting main .w1000 { padding: 150px 0 90px;}
#company_greeting main .inbox { margin: auto auto;}
#company_greeting main .inbox img { margin: auto auto 60px;}
#company_greeting main .inbox p { font-size: 20px; font-family: 'Noto Serif JP', serif; line-height: 42px; margin: auto; margin-bottom: 20px;}


/*company_summary
------------------------------------------*/

#company_summary {}
#company_summary main {}
#company_summary main .w1000 { padding: 150px 0 90px;}
#company_summary main .msg { font-size: 33px; font-family: 'Noto Serif JP', serif; margin: auto auto 50px; text-align: center;}
#company_summary main table:nth-of-type(1) { width: 100%; border-bottom: solid 1px #000; border-left: solid 1px #000; font-size: 18px; line-height: 29px; margin: auto auto 100px;}
#company_summary main table:nth-of-type(1) th { width: 30%; border-top: solid 1px #000; border-right: solid 1px #000; background: #595757; color: #FFF; font-weight: normal; padding: 15px 0;}
#company_summary main table:nth-of-type(1) td { border-top: solid 1px #000; border-right: solid 1px #000; padding: 15px; background: #FFF;}
#company_summary main table:nth-of-type(1) td dl { width: 42%; float: left; margin: 0 5% 0 0;}
#company_summary main table:nth-of-type(1) td dl dt { width: 75%; float: left;}
#company_summary main table:nth-of-type(1) td dl dd { margin: 0 0 0 72%; width: 25%; text-align: right;}
#company_summary main table:nth-of-type(1) td p { margin: 0;}
/*#company_summary main table:nth-of-type(1) td ol { margin: 0; padding: 0; list-style: none;}
#company_summary main table:nth-of-type(1) td ol li { margin: 0 0 0 3em; position: relative;}
#company_summary main table:nth-of-type(1) td ol li span { position: absolute; top: 0; left: -3em; display: inline-block; width: 2.5em; text-align: right;}*/
#company_summary main table:nth-of-type(1) td ol { margin: 0 0 0 25px; padding: 0; list-style: decimal;}
#company_summary main table:nth-of-type(1) td .imgR { float: right;}


#company_summary main table:nth-of-type(2),
#company_summary main table:nth-of-type(3) { width: 100%; border-bottom: solid 1px #000; border-left: solid 1px #000; font-size: 18px; margin: auto auto 20px;}
#company_summary main table:nth-of-type(2) th,
#company_summary main table:nth-of-type(3) th { width: 30%; border-top: solid 1px #000; border-right: solid 1px #000; background: #efefef; font-weight: normal; padding: 15px 0; text-align: left;}
#company_summary main table:nth-of-type(2) td,
#company_summary main table:nth-of-type(3) td { border-top: solid 1px #000; border-right: solid 1px #000; padding: 15px; background: #FFF;}





/*company_history
------------------------------------------*/

#company_history {}
#company_history main {}
#company_history main .w1000 { padding: 150px 0 90px;}
#company_history main table { width: 100%; border-bottom: solid 1px #000; border-left: solid 1px #000; font-size: 18px; margin: auto auto 65px;}
#company_history main table th { width: auto; border-top: solid 1px #FFF; border-right: solid 1px #FFF; background: #595757; font-weight: normal; padding: 15px 10px; white-space: nowrap; color: #FFF;}
#company_history main table td { border-top: solid 1px #000; border-right: solid 1px #000; padding: 15px; background: #FFF;}
#company_history main .mttl { font-size: 20px; margin: 0 0 5px;}


/*company_organization_chart
------------------------------------------*/

#company_organization_chart {}
#company_organization_chart main {}
#company_organization_chart main .wrap:nth-of-type(2) .w1000 { padding: 150px 0 90px;}
#company_organization_chart main .wrap:nth-of-type(3) .w1000 { padding: 90px 0 90px;}
#company_organization_chart main .wrap:nth-of-type(3) .w1000 .ttl h3 { margin: auto auto 90px;}
#company_organization_chart main .wrap:nth-of-type(4) .w1000 { padding: 90px 0 90px;}
#company_organization_chart main .wrap:nth-of-type(4) .w1000 .ttl h3 { margin: auto auto 90px;}
#company_organization_chart main .msg { font-size: 33px; font-family: 'Noto Serif JP', serif; line-height: 55px; margin: auto auto 30px; text-align: center;}


/*company_location
------------------------------------------*/

#company_location {}
#company_location main {}
#company_location main .w1000 { padding: 150px 0 90px;}
#company_location main .w1000 { padding: 150px 0 90px;}
#company_location main table { width: 860px; border-bottom: solid 1px #000; border-left: solid 1px #000; font-size: 18px; margin: auto auto 65px;}
#company_location main table th { width: 200px; border-top: solid 1px #FFF; border-right: solid 1px #FFF; background: #595757; font-weight: normal; padding: 15px 10px; white-space: nowrap; color: #FFF;}
#company_location main table td { border-top: solid 1px #000; border-right: solid 1px #000; padding: 15px; background: #FFF;}

#company_location main .listImg { margin: 0; padding: 0; list-style: none; width: 860px; margin: auto;}
#company_location main .listImg li { width: 260px; float: left; margin: 0 40px 0 0;}
#company_location main .listImg li:nth-child(3n) { margin: 0;}
#company_location main .listImg li img { margin: auto;}
#company_location main .listImg li p { text-align: center; font-size: 15px;}


/*company_environment
------------------------------------------*/

#company_environment {}
#company_environment main {}
#company_environment main .w1000 { padding: 150px 0 90px;}
#company_environment main .inbox { margin: auto auto 85px; font-family: 'Noto Serif JP', serif;}
#company_environment main .inbox:last-child { margin: auto;}
#company_environment main .inbox h4 { border-top: solid 1px #000; border-bottom: solid 1px #000; margin: auto auto 20px;}
#company_environment main .inbox h4 span { font-size: 26px; padding: 14px; display: inline-block; background: #595757; color: #FFF; min-width: 50%; position: relative;}
#company_environment main .inbox h4 span::after { content: ""; width: 0; height: 0; position: absolute; top: 0; right: -60px; border-top: 60px solid #595757; border-right: 60px solid #595757; border-bottom: 60px solid transparent; border-right: 60px solid transparent;}
#company_environment main .inbox p { font-size: 20px; line-height: 32px;}
#company_environment main .inbox ol { -reset: number; list-style: none; margin: 0; padding: 0;}
#company_environment main .inbox ol li { font-size: 20px; margin: 5px 0 5px 30px; position: relative; line-height: 28px;}
#company_environment main .inbox ol li::before { -increment: number; content: (number)"."; margin-right: 5px; width: 20px; height: 20px; text-align: right; line-height: 20px; background: #595757; color: #FFF; display: inline-block; font-size: 16px; box-sizing: border-box; position: absolute; top: 3px; left: -30px;}
#company_environment main .inbox .imgR,
#company_environment main .inbox .imgR2 { float: right; margin: 0 0 20px 20px;}


/*company_abino_history
------------------------------------------*/

#company_abino_history {}
#company_abino_history main {}
#company_abino_history main .w1000 { padding: 150px 0 90px;}
#company_abino_history main .msg { font-size: 16px; line-height: 30px; margin: auto auto 50px;}
#company_abino_history main .listImg { margin: 0 0 30px; padding: 0; list-style: none;}
#company_abino_history main .listImg li { float: left; width: 470px;}
#company_abino_history main .listImg li:nth-child(2n+1)  { margin: 0 60px 0 0;}
#company_abino_history main > p { font-size: 15px; line-height: 32px; margin: auto auto 90px;}
#company_abino_history main .move { background: #000; padding: 35px 45px; margin: 90px auto auto;}
#company_abino_history main .move .moveL { display: table-cell; width: 395px; height: 340px; text-align: center; vertical-align: middle; color: #FFF;}
#company_abino_history main .move .moveL h3 { /*font-family: 'Linden Hill', serif;*/ font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 52px; letter-spacing: 0.1em; margin: 0; padding: 0;}
#company_abino_history main .move .moveL p { font-size: 20px; margin: 0; padding: 0; font-family: 'Noto Serif JP', serif;}
#company_abino_history main .move .moveR { display: table-cell; width: 515px; height: 340px;}







}



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


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

#company {}
#company main {}
#company main .w1000 { padding: 30px 0;}
#company main ul { width:80%; margin:0 auto; padding: 0; list-style: none;}
#company main ul li { width: 100%; float: none; text-align: center;}
#company main ul li:nth-child(2n+1) { margin:0;}
#company main ul li a { display: block; text-decoration: none; color: #FFF; position: relative;}
#company main ul li a figure { width:100%; overflow: hidden; margin: 0 0 20px;}
#company main ul li a h3 { font-size:18px; line-height:130px; position: absolute; top:0; left: 0; right: 0; margin: auto; /*font-family: 'Ropa Sans', sans-serif;*/ font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: 400;}
#company main ul li a h3::after { content: ""; width: 100px; height: 2px; background: #FFF; position: absolute; bottom: 35%; left: 0; right: 0; margin: auto;}
#company main ul li a figure img { }
#company main ul li a p { color: #000; font-size: 14px; font-family: 'Noto Serif JP', serif;}

#company main ul li a:hover figure img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); overflow:}
#company main ul li a:hover h3::after { content: ""; width: 140px;}


/*company_intro
------------------------------------------*/

#company_intro {}
#company_intro main {}
#company_intro main .w1000 { padding: 30px 0; text-align: center;}
#company_intro main h4 { font-size: 22px; font-family: 'Noto Serif JP', serif; letter-spacing: 0.3em;}
/*#company_intro main p { font-size: 20px; font-family: 'Noto Serif JP', serif; line-height: 41px;}*/
#company_intro main .inbox01 { margin: 45px auto 25px; }
#company_intro main .inbox01 h4 { margin: auto auto30px; }
#company_intro main .inbox02 { margin: auto auto 30px; }
#company_intro main .inbox02 .bg { background: #FFF; padding: 20px; margin: 30px auto; }
#company_intro main .inbox02 .bg h4 { float: none; background: #FFF; width: 300px; margin:auto;}
#company_intro main .inbox02 .bg p { float: none; text-align: left; font-size: 14px; font-family: 'Noto Serif JP', serif; line-height: 36px;}
#company_intro main .inbox03 { margin: auto auto 30px;}
#company_intro main .inbox03 p { font-size: 14px; font-family: 'Noto Serif JP', serif; line-height: 36px; text-align:left;}
#company_intro main .inbox04 { display: inline-block; text-align: left; margin: auto auto 30px;}
#company_intro main .inbox04 h4 { text-align: center;}
#company_intro main .inbox04 p { font-size: 14px; font-family: 'Noto Serif JP', serif; line-height: 36px; text-indent : -2em; padding-left : 2em;}


/*company_greeting
------------------------------------------*/

#company_greeting {}
#company_greeting main {}
#company_greeting main .w1000 { padding: 30px 0;}
#company_greeting main .inbox { margin: auto auto;}
#company_greeting main .inbox img { margin: auto auto 30px;}
#company_greeting main .inbox p { font-size: 14px; font-family: 'Noto Serif JP', serif; line-height: 28px; margin: auto; margin-bottom: 20px;}


/*company_summary
------------------------------------------*/

#company_summary {}
#company_summary main {}
#company_summary main .w1000 { padding: 30px 0;}
#company_summary main .msg { font-size: 18px; line-height:36px; font-family: 'Noto Serif JP', serif; margin: auto auto 30px; text-align: center;}
#company_summary main table:nth-of-type(1) { width: 90%; border-bottom: none; border-left:none; font-size: 14px; line-height: 29px; margin: auto auto 60px;}
#company_summary main table:nth-of-type(1) th { width: 100%; border-top:none; border-right:none; background: #595757; color: #FFF; font-weight: normal; padding: 10px 0; display:block;}
#company_summary main table:nth-of-type(1) td { border-top: none; border-right: none; padding: 10px; background: #FFF; display:block;}
#company_summary main table:nth-of-type(1) td dl { width: 100%; float:none; margin: 0;}
#company_summary main table:nth-of-type(1) td dl dt { width: 75%; float: left;}
#company_summary main table:nth-of-type(1) td dl dd { margin: 0 0 0 72%; width: 25%; text-align: right;}
#company_summary main table:nth-of-type(1) td p { margin: 0;}
/*#company_summary main table:nth-of-type(1) td ol { margin: 0; padding: 0; list-style: none;}
#company_summary main table:nth-of-type(1) td ol li { margin: 0 0 0 3em; position: relative;}
#company_summary main table:nth-of-type(1) td ol li span { position: absolute; top: 0; left: -3em; display: inline-block; width: 2.5em; text-align: right;}*/
#company_summary main table:nth-of-type(1) td ol { margin: 0 0 0 25px; padding: 0; list-style: decimal;}
#company_summary main table:nth-of-type(1) td .imgR { float: none; display:block;}


#company_summary main table:nth-of-type(2),
#company_summary main table:nth-of-type(3) { width: 90%; border-bottom: none; border-left:none; font-size: 14px; margin: auto auto 40px;}
#company_summary main table:nth-of-type(2) th,
#company_summary main table:nth-of-type(3) th { width: 100%; border-top:none; border-right: none; background: #efefef; font-weight: normal; padding: 10px 0; text-align: center; display:block;}
#company_summary main table:nth-of-type(2) td,
#company_summary main table:nth-of-type(3) td { border-top: none; border-right: none; padding: 10px; background: #FFF; display:block;}



/*company_history
------------------------------------------*/

#company_history {}
#company_history main {}
#company_history main .w1000 { padding: 30px 0;}
#company_history main table { width: 90%; border-bottom: none; border-left: none; font-size: 14px; margin: auto auto 35px;}
#company_history main table th { width: auto; border-top:none; border-right: none; background: #595757; font-weight: normal; padding: 10px 10px; white-space: nowrap; color: #FFF; display:block; text-align:center;}
#company_history main table th:nth-child(2n+1) { background:#000;}
#company_history main table td { border-top: none; border-right: none; padding: 10px; background: #FFF; display:block;}
#company_history main .mttl { font-size: 18px; margin: 0 0 10px; text-align:center; font-weight:bold;}


/*company_organization_chart
------------------------------------------*/

#company_organization_chart {}
#company_organization_chart main {}
#company_organization_chart main .wrap:nth-of-type(2) .w1000 { padding: 30px 0;}
#company_organization_chart main .wrap:nth-of-type(3) .w1000 { padding: 30px 0;}
#company_organization_chart main .wrap:nth-of-type(3) .w1000 .ttl h3 { margin: auto auto 30px;}
#company_organization_chart main .wrap:nth-of-type(4) .w1000 { padding: 30px 0;}
#company_organization_chart main .wrap:nth-of-type(4) .w1000 .ttl h3 { margin: auto auto 30px;}
#company_organization_chart main .msg { font-size:18px; font-family: 'Noto Serif JP', serif; line-height: 36px; margin: auto auto 30px; text-align: center;}


/*company_location
------------------------------------------*/

#company_location {}
#company_location main {}
#company_location main .w1000 { padding: 30px 0;}
#company_location main .w1000 { padding: 30px 0;}
#company_location main table { width: 90%; border-bottom:none; border-left: none; font-size: 14px; margin: auto auto 65px;}
#company_location main table th { width:100%; border-top: none; border-right: none; background: #595757; font-weight: normal; padding: 10px 0; white-space: nowrap; color: #FFF; display:block;}
#company_location main table td { border-top: none; border-right: none; padding: 2%; background: #FFF; display:block;}

#company_location main .listImg { margin: 0; padding: 0; list-style: none; width: 96%; margin: auto;}
#company_location main .listImg li { width: 32%; float: left; margin: 0 2% 0 0;}
#company_location main .listImg li:nth-child(3n) { margin: 0;}
#company_location main .listImg li img { margin: auto;}
#company_location main .listImg li p { text-align: center; font-size: 12px;}


/*company_environment
------------------------------------------*/

#company_environment {}
#company_environment main {}
#company_environment main .w1000 { padding: 30px 0;}
#company_environment main .inbox { margin: auto auto 45px; font-family: 'Noto Serif JP', serif;}
#company_environment main .inbox:last-child { margin: auto;}
#company_environment main .inbox h4 { border-top: solid 1px #000; border-bottom: solid 1px #000; margin: auto auto 20px;}
#company_environment main .inbox h4 span { font-size: 14px; padding:3%; display: inline-block; background: #595757; color: #FFF; min-width: 94%; position: relative; line-height:1.6;}
#company_environment main .inbox h4 span::after { content: ""; width: 0; height: 0; position: absolute; top: 0; right:0; border-top: none; border-right: none; border-bottom:none; border-right: none;}
#company_environment main .inbox p { font-size: 14px; line-height: 32px;}
#company_environment main .inbox ol { -reset: number; list-style: none; margin: 0; padding: 0;}
#company_environment main .inbox ol li { font-size: 14px; margin: 5px 0 5px 30px; position: relative; line-height: 28px;}
#company_environment main .inbox ol li::before { -increment: number; content: (number)"."; margin-right: 5px; width: 20px; height: 20px; text-align: right; line-height: 20px; background: #595757; color: #FFF; display: inline-block; font-size: 14px; box-sizing: border-box; position: absolute; top: 3px; left: -30px;}
#company_environment main .inbox .imgR { float: right; margin: 0 0 20px 20px; width:50%}
#company_environment main .inbox .imgR2 { float: right; margin: 0 0 20px 20px; width:30%}

/*company_abino_history
------------------------------------------*/

#company_abino_history {}
#company_abino_history main {}
#company_abino_history main .w1000 { padding: 30px 0;}
#company_abino_history main .msg { margin: auto auto 50px; font-size:14px; line-height:32px;}
#company_abino_history main .listImg { width:100%; margin:0 auto 30px; padding: 0; list-style: none;}
#company_abino_history main .listImg li { float: left; width:50%;}
#company_abino_history main .listImg li:nth-child(2n+1)  { margin: 0 0 0 0;}
#company_abino_history main .txt { font-size:14px; line-height: 32px; margin: auto auto 30px;}
#company_abino_history main .move { background: #000; padding: 35px 45px; margin: 40px auto;}
#company_abino_history main .move .moveL { display: block; width: 100%; height: auto; text-align: center; vertical-align: middle; color: #FFF; margin:auto;}
#company_abino_history main .move .moveL h3 { /*font-family: 'Linden Hill', serif;*/ font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 52px; letter-spacing: 0.1em; margin: 0; padding: 0;}
#company_abino_history main .move .moveL p { font-size: 22px; margin: 0; padding: 0; font-family: 'Noto Serif JP', serif;}
#company_abino_history main .move .moveR { display: block; width: 100%; height: auto; padding:20px 0 0;}




}