@charset "utf-8";
/* ===================================================
	Company CSS
====================================================== */
/* ---------------------------------------------------
	Main title
------------------------------------------------------ */
.box_maintit{ background-image: url("../../img/company/main_img.jpg");}
.box_maintit .tit{ width: 500px; height: 144px;}

@media screen and (max-width: 600px) {
.box_maintit .tit{ width: 300px; height: 86px; top: 74px; bottom: inherit;}
}


/* ---------------------------------------------------
	Section 1
------------------------------------------------------ */
#sec1{ padding: 100px 0 40px;}
#sec1 .inner{ display: flex; justify-content: space-between; align-items: flex-start; padding: 80px 0 0;}
#sec1 .img1{ width: 400px;}
#sec1 .tbl1{ width: 600px;}
#sec1 .tbl1 th,
#sec1 .tbl1 td{ border-bottom: solid 1px #ccc; font-size: 15px; line-height: 2; padding: 25px 0; text-align: left;}
#sec1 .tbl1 th{ font-weight: normal; color: #286c35; width: 100px;}
#sec1 .tbl1 td dl{ display: table; margin: 0 0 10px;}
#sec1 .tbl1 td dl:nth-last-of-type(1){ margin: 0;}
#sec1 .tbl1 td dl dt,
#sec1 .tbl1 td dl dd{ display: table-cell;}
#sec1 .tbl1 td dl dt{ width: 4em;}

@media screen and (max-width: 600px) {
#sec1{ padding: 40px 0 0;}
#sec1 .inner{ flex-direction: column-reverse; padding: 20px 0 0;}
#sec1 .img1{ width: 100%;}
#sec1 .tbl1{ width: 100%; margin: 0 0 30px;}
#sec1 .tbl1 th,
#sec1 .tbl1 td{ display: block; border-bottom: solid 1px #ccc; font-size: 15px; line-height: 1.5; text-align: left;}
#sec1 .tbl1 th{ font-weight: normal; color: #286c35; width: 100%; border-bottom: none; padding: 10px 0 5px;}
#sec1 .tbl1 td{ width: 100%; padding: 0 0 10px 0;}
}


/* ---------------------------------------------------
	Section 2
------------------------------------------------------ */
#sec2{ padding: 100px 0 140px;}
#sec2 .cmn_tit1{ margin: 0 0 80px;}
#sec2 h3{ color: #286c35; font-size: 20px; line-height: 1.5; border-bottom: solid 1px #ccc; padding: 0 0 15px;}
#sec2 .inner{ padding: 15px 50px 40px;}
#sec2 p{ font-size: 15px; line-height: 2;}
#sec2 ol{ padding: 0 0 0 1.5em; font-size: 15px; line-height: 2;}
#sec2 ol li{}
#sec2 ol.list_iroha{ list-style-type: katakana-iroha; padding: 0 0 0 2em;}
#sec2 ol.list_iroha li{ }
#sec2 .box_cancel{ display: flex; border-top: solid 1px #666; border-left: solid 1px #666; margin: 0 0 15px;}
#sec2 .box_cancel dl{ width: 20%; font-size: 15px; line-height: 2;}
#sec2 .box_cancel dl dt,
#sec2 .box_cancel dl dd{ border-right: solid 1px #666; border-bottom: solid 1px #666; padding: 10px 0; text-align: center;}
#sec2 .box_cancel dl dt{ background: #edf5ec;}
#sec2 .box_cancel dl dd{}

@media screen and (max-width: 600px) {
#sec2{ padding: 40px 0 50px;}
#sec2 .cmn_tit1{ margin: 0 0 30px;}
#sec2 h3{ color: #286c35; font-size: 18px; line-height: 1.5; border-bottom: solid 1px #ccc; padding: 0 0 15px;}
#sec2 .inner{ padding: 10px 0 20px;}
#sec2 p{ font-size: 14px; line-height: 1.8;}
#sec2 ol{ padding: 0 0 0 1.5em; font-size: 14px; line-height: 1.8;}
#sec2 ol li{}
#sec2 ol.list_iroha{ list-style-type: katakana-iroha; padding: 0 0 0 2em;}
#sec2 ol.list_iroha li{ }
#sec2 .box_cancel{ display: flex; flex-wrap: wrap; border-top: solid 1px #666; border-left: solid 1px #666;}
#sec2 .box_cancel dl{ width: 100%; font-size: 14px; line-height: 1.8;}
#sec2 .box_cancel dl dt,
#sec2 .box_cancel dl dd{ border-right: solid 1px #666; border-bottom: solid 1px #666; padding: 5px 0; text-align: center;}
#sec2 .box_cancel dl dt{ background: #edf5ec; border-bottom: none;}
#sec2 .box_cancel dl dd{}
}