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

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


/*related_company
------------------------------------------*/

#related_company {}
#related_company main {}
#related_company main .w1000 { padding: 150px 0 90px;}
#related_company main .img { margin: 0 0 20px;}

#related_company main table { width: 100%; border: solid 2px #000; font-size: 18px; line-height: 29px; margin: auto auto 100px;}
#related_company main table th { width: 30%; border-right: solid 1px #000; border-bottom: solid 1px #000; background: #efeff0; font-weight: normal; padding: 15px 0;}
#related_company main table td { border-bottom: solid 1px #000; border-right: solid 1px #000; padding: 15px; background: #FFF;}

#related_company main .btn { text-align: center; margin: 0 0 100px;}
#related_company main .btn a { display: inline-block; width: 420px; height: 50px; font-size: 18px; line-height: 50px; color: #FFF; background: #000; text-decoration: none;}
#related_company main .btn a:hover {}

#related_company main .btn::last-child { margin: 0;}


/*related_company_detail
------------------------------------------*/

#related_company_detail {}
#related_company_detail main {}
#related_company_detail main .w1000 { padding: 150px 0 90px;}

#related_company_detail main .txt { margin: 0 0 20px; font-family: 'Noto Serif JP', serif; text-align: center;}
#related_company_detail main .txt h4 { font-size: 33px; margin: 0 0 40px; line-height: 60px;}
#related_company_detail main .txt p { font-size: 18px; line-height: 40px; margin: 0 0 20px;}

#related_company_detail main table { width: 100%; border: solid 1px #000; font-size: 18px; line-height: 29px; margin: auto auto 100px;}
#related_company_detail main table th { width: 30%; border-right: solid 1px #000; border-bottom: solid 1px #000; background: #5a5858; color: #FFF; font-weight: normal; padding: 15px 0;}
#related_company_detail main table td { border-bottom: solid 1px #000; border-right: solid 1px #000; padding: 15px; background: #FFF;}

#related_company_detail main .img {}
#related_company_detail main .imgL,
#related_company_detail main .imgR { display: table-cell; width: 50%; text-align: center;}

#related_company_detail main .listItem { margin: 0; padding: 0; list-style: none;}
#related_company_detail main .listItem li { width: 310px; border: solid 1px #000; box-sizing: border-box; float: left; margin: 0 35px 0 0; padding: 20px; text-align: center; background: #FFF;}
#related_company_detail main .listItem li:nth-child(3n) { margin: 0;}
#related_company_detail main .listItem li img { margin: 0 0 20px;}
#related_company_detail main .listItem li h4 { font-size: 23px; margin: 0 0 20px;}
#related_company_detail main .listItem li p { font-size: 18px; line-height: 28px; text-align: left;}
#related_company_detail main .listItem li .btn { font-family: 'Noto Serif JP', serif; font-size: 14px; font-style: italic;}
#related_company_detail main .listItem li .btn a { width: 200px; height: 35px; line-height: 35px; border: solid 1px #000; display: block; text-decoration: none; color: #000; margin: auto;}
#related_company_detail main .listItem li .btn a:hover { border: solid 1px #000; background: #000; color: #FFF;}


/*related_company_detail
------------------------------------------*/
#affiliated_company {}
#affiliated_company main {}
#affiliated_company main .w1000 { padding: 150px 0 90px;}

#affiliated_company main .txt { margin: 0 0 20px; font-family: 'Noto Serif JP', serif; text-align: center;}
#affiliated_company main .txt h4 { font-size: 33px; margin: 0 0 40px;}
#affiliated_company main .txt p { font-size: 18px; line-height: 40px; margin: 0 0 20px;}

#affiliated_company main table { width: 100%; border: solid 1px #000; font-size: 18px; line-height: 29px; margin: auto auto 60px;}
#affiliated_company main table th { width: auto; border-right: solid 1px #000; border-bottom: solid 1px #000; background: #5a5858; color: #FFF; font-weight: normal; padding: 15px 0;}
#affiliated_company main table td { border-bottom: solid 1px #000; border-right: solid 1px #000; padding: 15px; background: #FFF;}

#affiliated_company main ul { margin: 0 0 120px; padding: 0; list-style: none;}
#affiliated_company main ul li { width: 480px; float: left; background: #FFF; border: solid 1px #3f3b3a; border-top: solid 7px #000; text-align: center; box-sizing: border-box; padding: 30px 0;}
#affiliated_company main ul li:nth-child(2n+1) { margin: 0 40px 0 0;}
#affiliated_company main ul li h4 { font-size: 23px; margin: 0 0 20px;}

#affiliated_company main ul::last-child { margin: 0;}


#affiliated_company main .btn { text-align: center; margin: 0 0 40px;}
#affiliated_company main .btn a { display: inline-block; width: 420px; height: 50px; font-size: 18px; line-height: 50px; color: #FFF; background: #000; text-decoration: none;}
#affiliated_company main .btn a:hover {}


#affiliated_company main .listBox { background: #FFF; border: solid 1px #3f3b3a; border-top: solid 7px #000; text-align: center; box-sizing: border-box; padding: 30px 0; margin: 0 auto 60px;}
#affiliated_company main .listBox h4 { font-size: 23px; margin: 0 auto 10px;}
#affiliated_company main .listBox p { font-size: 18px; margin: 0 auto 10px;}
#affiliated_company main .listBox .list03 { display: flex; justify-content: center; margin: 20px 0 20px;}
#affiliated_company main .listBox .list02 { display: flex; justify-content: center; margin: 20px 0 20px;}
#affiliated_company main .listBox .list03 .box { margin: 0 20px 0 0;}
#affiliated_company main .listBox .list03 .box p { margin: 10px 0 0;}
#affiliated_company main .listBox .list02 .box { margin: 0 40px 0 0;}
#affiliated_company main .listBox .list03 .box:last-of-type { margin-right: 0;}
#affiliated_company main .listBox .list02 .box:last-of-type { margin-right: 0;}



}



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


/*related_company
------------------------------------------*/

#related_company {}
#related_company main {}
#related_company main .w1000 { padding: 30px 0;}
#related_company main .img { margin: 0 0 20px;}

#related_company main table { width: 100%; border: solid 2px #000; font-size: 18px; line-height: 29px; margin: auto auto 100px;}
#related_company main table th { width: 30%; border-right: solid 1px #000; border-bottom: solid 1px #000; background: #efeff0; font-weight: normal; padding: 15px 0;}
#related_company main table td { border-bottom: solid 1px #000; border-right: solid 1px #000; padding: 15px; background: #FFF;}

#related_company main .btn { text-align: center; margin: 0 0 100px;}
#related_company main .btn a { display: inline-block; width: 420px; height: 50px; font-size: 18px; line-height: 50px; color: #FFF; background: #000; text-decoration: none;}
#related_company main .btn a:hover {}

#related_company main .btn::last-child { margin: 0;}


/*related_company_detail
------------------------------------------*/

#related_company_detail {}
#related_company_detail main {}
#related_company_detail main .w1000 { padding: 30px 0;}

#related_company_detail main .txt { margin: 0 0 20px; font-family: 'Noto Serif JP', serif; text-align: center;}
#related_company_detail main .txt h4 { font-size: 20px; margin: 0 0 30px; line-height: 36px;}
#related_company_detail main .txt p { font-size: 16px; line-height: 30px; margin: 0 0 20px; text-align:left;}

#related_company_detail main table { width: 90%; border:none; font-size: 14px; line-height: 20px; margin: auto auto 40px;}
#related_company_detail main table th { width: 100%; border-right:none; border-bottom:none; background: #5a5858; color: #FFF; font-weight: normal; padding: 10px 0; display:block;}
#related_company_detail main table td { border-bottom:none; border-right: none; padding: 15px; background: #FFF; display:block;}

#related_company_detail main .img {}
#related_company_detail main .imgL,
#related_company_detail main .imgR { display: block; width:90%; text-align: center; margin:0 auto 20px;}

#related_company_detail main .listItem { width:96%; margin: auto; padding: 0; list-style: none;}
#related_company_detail main .listItem li { width: 49%; border: solid 1px #000; box-sizing: border-box; float: left; margin: 0 2% 0 0; padding: 2%; text-align: center; background: #FFF;}
#related_company_detail main .listItem li:nth-child(2n) { margin: 0 0 2% 0;}
#related_company_detail main .listItem li img { margin: 0 0 20px;}
#related_company_detail main .listItem li h4 { font-size: 18px; margin: 0 0 20px;}
#related_company_detail main .listItem li p { font-size: 14px; line-height:20px; text-align: left;}
#related_company_detail main .listItem li .btn { font-family: 'Noto Serif JP', serif; font-size: 14px; font-style: italic;}
#related_company_detail main .listItem li .btn a { width: 90%; height: 35px; line-height: 35px; border: solid 1px #000; display: block; text-decoration: none; color: #000; margin: auto;}
#related_company_detail main .listItem li .btn a:hover { border: solid 1px #000; background: #000; color: #FFF;}


/*related_company_detail
------------------------------------------*/
#affiliated_company {}
#affiliated_company main {}
#affiliated_company main .w1000 { padding: 30px 0;}

#affiliated_company main .txt { margin: 0 0 20px; font-family: 'Noto Serif JP', serif; text-align: center;}
#affiliated_company main .txt h4 { font-size:20px; margin: 0 0 30px;}
#affiliated_company main .txt p { font-size: 16px; line-height: 30px; margin: 0 0 20px; text-align:left;}

#affiliated_company main table { width: 100%; border: solid 1px #000; font-size: 14px; line-height: 29px; margin: auto auto 40px;}
#affiliated_company main table th { width: auto; border-right: solid 1px #000; border-bottom: solid 1px #000; background: #5a5858; color: #FFF; font-weight: normal; padding: 10px 0;}
#affiliated_company main table td { border-bottom: solid 1px #000; border-right: solid 1px #000; padding: 10px; background: #FFF;}

#affiliated_company main ul { margin: 0 0 50px; padding: 0; list-style: none;}
#affiliated_company main ul li { width: 49%; float: left; background: #FFF; border: solid 1px #3f3b3a; border-top: solid 7px #000; text-align: center; box-sizing: border-box; padding: 15px 0;}
#affiliated_company main ul li:nth-child(2n+1) { margin: 0 2% 0 0;}
#affiliated_company main ul li h4 { font-size: 16px; margin: 0 0 20px;}

#affiliated_company main ul::last-child { margin: 0;}


#affiliated_company main .btn { text-align: center; margin: 0 0 40px;}
#affiliated_company main .btn a { display: inline-block; width: 90%; height: 50px; font-size: 16px; line-height: 50px; color: #FFF; background: #000; text-decoration: none;}
#affiliated_company main .btn a:hover {}


#affiliated_company main .listBox { background: #FFF; border: solid 1px #3f3b3a; border-top: solid 7px #000; text-align: center; box-sizing: border-box; padding: 30px 10px; margin: 0 auto 60px;}
#affiliated_company main .listBox h4 { font-size: 16px; margin: 0 auto 10px;}
#affiliated_company main .listBox p { font-size: 14px; margin: 0 auto 10px;}
#affiliated_company main .listBox .list03 { display: inherit; justify-content: center; margin: 20px 0 20px;}
#affiliated_company main .listBox .list02 { display: flex; justify-content: center; margin: 20px 0 20px;}
#affiliated_company main .listBox .list03 .box { margin: 0 0 0 0;}
#affiliated_company main .listBox .list03 .box img { width: 50%;}
#affiliated_company main .listBox .list03 .box p { margin: 10px 0 0;}
#affiliated_company main .listBox .list02 .box { margin: 0 20px 0 0;}
#affiliated_company main .listBox .list03 .box:last-of-type { margin-right: 0;}
#affiliated_company main .listBox .list02 .box:last-of-type { margin-right: 0;}





}