@charset "utf-8";

/*---------------------------------------------------------*/
/*  基本設定                                               */
/*---------------------------------------------------------*/
body {
	line-height: 150%;
	color: #2d303a;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.detail {
  width: 90%;
  margin: 0 auto;
  padding: 0;
}

a {
	color: #2D303A	;
	text-decoration: none;
}

@media (max-width: 1000px) {
	body {
		font-size:14px;
	}
	h2 {
		font-size:1.4rem;
		font-weight:normal;
		padding-top:50px;
	}

	h3 {
		font-size:1.2rem;
		font-weight:normal;
		margin:40px 0;
		line-height:180%;
	}
	
	.mini    { display: block;  }   /* spを表示 */
	.big     { display: none; }   /* pcを非表示 */
}

@media (min-width: 1001px) {
	body {
		font-size:16px;
	}
	h2 {
		font-size:2rem;
		font-weight:normal;
		padding:100px 0 80px;
	}
	
	h3 {
		font-size:1.5rem;
		font-weight:normal;
		margin:100px 0 50px;
		padding:5px 0 7px 10px;
		border-left: 7px #336600 solid;
	}
	
	.mini    { display: none;  }   /* spを非表示 */
	.big     { display: block; }   /* pcを表示 */
}


/*---------------------------------------------------------*/
/*  BOX 3                                                  */
/*---------------------------------------------------------*/
.box_3 ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

@media (max-width: 1000px) {
	.box_3 li{
		width:100%;
		margin-top:60px;
	}
	.box_3 .tittle {
		font-size: 1.2rem;
	}
	.box_3 img {
		width:80%;
		border-radius:10px;
		margin:20px 0;
	}
}

@media (min-width: 1001px) {
	.box_3 li{
		width:33%;
		display: inline-block;
		vertical-align:middle;
	}
	.box_3_detail {
		padding: 0 30px 0 30px;
		text-align:center;
	}
	.box_3 .tittle {
		font-size: 1.2rem;
		font-weight:500;
	}
	.box_3 img {
		width:320px;
		border-radius:10px;
		margin:30px 0;
	}
}


/*---------------------------------------------------------*/
/*  BOX 4                                                  */
/*---------------------------------------------------------*/
.box_4 ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

@media (max-width: 1000px) {
	.box_4 li{
		width:100%;
		margin-top:60px;
	}
	.box_4 .tittle {
		font-size: 1.2rem;
	}
	.box_4 img {
		width:80%;
		border-radius:200px;
		margin:20px 0;
	}
}

@media (min-width: 1001px) {
	.box_4 li{
		width:24.5%;
		display: inline-block;
		vertical-align:middle;
	}
	.box_4_detail {
		padding: 0 30px 0 30px;
		text-align:center;
	}
	.box_4 .tittle {
		font-size: 1.2rem;
		font-weight:500;
	}
	.box_4 img {
		width:220px;
		border-radius:200px;
		margin:30px 0;
	}
	.box_4 .w23{
		width:23%;
	}
	.box_4 .w26{
		width:26.5%;
	}
}


/*---------------------------------------------------------*/
/*  COMPANY                                                */
/*---------------------------------------------------------*/

.company ul{
	list-style: none;
	margin: 0;
	padding: 0;
}


@media (max-width: 1000px) {
	.company li{
		width:100%;
	}
	.company img{
		width:100%;
	}
	.company td{
		display: block;
		padding:20px 0 0;
	}
	.company td:nth-of-type(2){
		border-bottom:1px #888888 dotted;
		padding: 10px 0 20px;
	}
}

@media (min-width: 1001px) {
	.company li{
		width:49%;
		display: inline-block;
		vertical-align:top;
		line-height:250%;
	}
	.company img{
		width:90%;
	}
	.company td{
		padding: 25px;
		border-bottom:1px #888888 dotted;
	}
	.company td:nth-of-type(2){
		padding-left:30px;
	}
}


/*---------------------------------------------------------*/
/*  FAQ                                                    */
/*---------------------------------------------------------*/
.ans {
	list-style-type:"Ans. ";
	margin:20px 12px 5px;
}
.ans li {
	margin-top:-19px;
	padding:20px 12px 0;
}


/*------------------------------------------------------------*/
/* アコーディオン                                             */
/*------------------------------------------------------------*/
.accordion-001 {
    margin-bottom: 7px;
}

.accordion-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 1em;
    color: #333333;
	font-size:14px;
    font-weight:normal;
    cursor: pointer;
    border-bottom: 1px solid #d0d0d0;
}

.accordion-001 summary::-webkit-details-marker {
    display: none;
}

.accordion-001 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion-001[open] summary::after {
    transform: rotate(225deg);
}

.accordion-001 .a-contents {
	background-color: #F9F9F8;
	padding-bottom:15px;
}

.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 1em 0;
    color: #333333;
    transition: transform .5s, opacity .5s;
	font-size: 14px;
	line-height:180%;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}

/*---------------------------------------------------------*/
/*  CONTACT                                                */
/*---------------------------------------------------------*/

.contact .tel {
	font-weight:bold;
	color:#139F70;
	margin-top:40px;
}
@media (max-width: 1000px) {
	.contact .tel {
		font-size:35px;
	}
}
@media (min-width: 1001px) {
	.contact .tel {
		font-size:50px;
	}
}

.contact_btn {
	background-color: #336600;
	color:#FFFFFF;
	font-size: 22px;
	line-height:180%;
	display: inline-block;
	padding:10px 30px;
	border-radius: 150px;
	margin:50px 0;
}
.contact_btn:hover {
	background-color: #2D303A;
}
.contact_btn a {
	color:#FFFFFF;
	text-decoration:none;
}

@media (max-width: 1000px) {
	.recruitment li{
		width:100%;
	}
}

@media (min-width: 1001px) {
	.recruitment li:nth-of-type(1){
		width:59%;
		display: inline-block;
	}
	.recruitment li:nth-of-type(2){
		width:39%;
		display: inline-block;
		vertical-align:top;
		padding:50px 0 0 50px;
	}
	.recruitment_btn {
		margin-top:50px;
	}
}


/*---------------------------------------------------------*/
/*  SITE MAP                                               */
/*---------------------------------------------------------*/
.site_map li {
	line-height:250%;
}
.site_map a, .site_map a:hover {
	color:#FFFFFF;
}


/*---------------------------------------------------------*/
/*  FOOTER                                                 */
/*---------------------------------------------------------*/
.footer {
	background-color:#000000;
	/* background-color:#139F70; */
	color:#FFFFFF;
	padding:20px 10px;
	text-align:center;
}

.footer a {
	color:#FFFFFF;
	text-decoration:underline;
}