@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {

.flex{display: flex; flex-direction: column; width: 90%; margin: 0 auto 40px;}

.hidari{width: 50%; margin: 0 auto 20px;}
.hidari img{width: 100%;}
.migi{width: 90%; padding: 10px 0; margin: 0 auto; font-size: 1em; line-height: 1.8em;}
.sign {margin: 20px 0 0 auto; width: 80%;}
.sign img{width: 100%;}

.hidari_m{width: 60%; margin: 0 auto 20px;}
.hidari_m img{width: 100%;}
.migi_m {width: 86%;font-size: 1em;  margin: 0 auto; line-height: 1.8em;}

.office_table {width: 90%; margin: 0 auto 40px;}
.office_table table {
        border-collapse: collapse;
        width: 100%;
}
.office_table tr {display: table-row;}
.office_table th, td {
        padding: 10px 0;
        display: block;
        width: 100%;
}

.office_table td{        
        padding: 10px;
        display: block;
        width: 100%;}

.office_table th  {
        background-color: #EEE;
}

.office_table thead th  {
        background-color: #BBB;
}



.office_table thead th:last-child ,
td:last-child {
        border-right: none;
}

.enkaku{width: 90%; margin: 0 auto 40px;}
.enkaku dl{width: 100%; border-bottom: thin dotted #888; display: flex; flex-direction: column;padding: 20px 5px;}
.enkaku dt{width: 100%; margin-right: 1%; font-weight: bold;}
.enkaku dd{width: 100%;border-bottom: }

.csr {width: 90%; margin: 0 auto 40px;}
.lead{font-size: 1.2em; line-height: 1.8em;}
.csr_list{padding: 10px 30px; font-weight: bold;font-size: 1.3em; line-height: 1.8em;}
.csr_box {display: flex; flex-direction: column; margin: 30px auto;}
.csr_l {width: 40%; margin: 20px auto;}
.csr_l img{border-radius: 50%;}
.csr_r{width: 86%; margin: 0 auto;}
.csr_title{font-weight: bold;font-size: 1.2em;margin: 10px auto; text-align: center;}
.csr_text{font-size: 1.1em;}
.csr_sub{margin: 10px auto 10px;font-size: 0.9em; color: #888;}


.map{width: 90%; margin: 0 auto 40px; height: 400px;}
.map img{width: 100%;}

}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {


.flex{display: flex; flex-direction: column; width: 90%; margin: 0 auto 40px;}

.hidari{width: 30%; margin: 0 auto 20px;}
.hidari img{width: 100%;}
.migi{width: 86%; padding: 10px 0; margin: 0 auto; font-size: 1em; line-height: 1.8em;}
.sign{margin: 20px 0 0 auto; text-align: right;}

.hidari_m{width: 60%; margin: 0 auto 20px;}
.hidari_m img{width: 100%;}
.migi_m {width: 86%;font-size: 1em;  margin: 0 auto; line-height: 1.8em;}

.office_table {width: 90%; margin: 0 auto 40px;}
.office_table table {
        border-collapse: collapse;
        border-top: 1px solid #999;
        width: 100%;
}

.office_table th, td {
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        padding: 10px;
}

.office_table th  {
        background-color: #EEE;
}

.office_table thead th  {
        background-color: #BBB;
}



.office_table thead th:last-child ,
td:last-child {
        border-right: none;
}

.enkaku{width: 90%; margin: 0 auto 40px;}
.enkaku dl{width: 100%; border-bottom: thin dotted #888; display: flex;padding: 20px 5px;}
.enkaku dt{width: 19%; margin-right: 1%; text-align: center; font-weight: bold;}
.enkaku dd{width: 80%;border-bottom: }

.csr {width: 90%; margin: 0 auto 40px;}
.lead{font-size: 1.2em; line-height: 1.8em;}
.csr_list{padding: 10px 30px; font-weight: bold;font-size: 1.3em; line-height: 1.8em;}
.csr_box {display: flex; flex-direction: column; margin: 30px auto;}
.csr_l {width: 20%; margin: 20px auto;}
.csr_l img{border-radius: 50%;}
.csr_r{width: 86%; margin: 0 auto;}
.csr_title{font-weight: bold;font-size: 1.2em;margin: 10px auto; text-align: center;}
.csr_text{font-size: 1.1em;}
.csr_sub{margin: 10px 0 0 10px;font-size: 0.9em; color: #888;}


.map{width: 90%; margin: 0 auto 40px; height: 400px;}
.map img{width: 100%;}

}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {	
   
.flex{display: flex; justify-content: space-between; width: 90%; margin: 0 auto 40px;}

.hidari{width: 24%; margin-right: 3%;}
.hidari img{width: 100%;}
.migi{width: 73%; padding: 10px 0; font-size: 1.2em; line-height: 1.8em;}
.sign{margin: 20px 0 0 auto; text-align: right;}

.hidari_m{width: 40%; margin-right: 3%;}
.hidari_m img{width: 100%;}
.migi_m {width: 56%;font-size: 1.2em; line-height: 1.8em;}

.office_table {width: 90%; margin: 0 auto 40px;}
.office_table table {
        border-collapse: collapse;
        border-top: 1px solid #999;
        width: 100%;
}

.office_table th, td {
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        padding: 10px;
}

.office_table th  {
        background-color: #EEE;
}

.office_table thead th  {
        background-color: #BBB;
}



.office_table thead th:last-child ,
td:last-child {
        border-right: none;
}

.enkaku{width: 90%; margin: 0 auto 40px;}
.enkaku dl{width: 100%; border-bottom: thin dotted #888; display: flex;padding: 20px 5px;}
.enkaku dt{width: 19%; margin-right: 1%; text-align: center; font-weight: bold;}
.enkaku dd{width: 80%;border-bottom: }

.csr {width: 90%; margin: 0 auto 40px;}
.lead{font-size: 1.2em; line-height: 1.8em;}
.csr_list{padding: 10px 30px; font-weight: bold;font-size: 1.3em; line-height: 1.8em;}
.csr_box {display: flex; margin: 30px auto;}
.csr_l {width: 20%; margin-right: 4%;}
.csr_l img{border-radius: 50%;}
.csr_r{width: 76%;}
.csr_title{font-weight: bold;font-size: 1.2em;margin: 10px auto;}
.csr_text{font-size: 1.1em;}
.csr_sub{margin: 10px 0 0 10px;font-size: 0.9em; color: #888;}


.map{width: 90%; margin: 0 auto 40px; height: 400px;}
.map img{width: 100%;}

}