@charset "UTF-8";
/* CSS Document */
/*============================================
修正依頼のため追加　20251105 
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.page.voice .sec10 .box_in .box a {
    margin-top: 30px;
    margin-left: 100px;
}

.voice #voice .box {
    width: 560px;
    /* float: left; */
}

#voice .box_in {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #0069AA;
    z-index: 1;
    padding: 70px 0 85px 32%;
}

@media only screen and (max-width: 736px) {
	.sec_title {
		font-size: 25px;
	}
.home .sec_title {
	font-size: 40px;
}
	.sec_title span {
		font-size: 12px;
	}
	article#mission {
		background-position: bottom left;
		background-size: 50%;
		padding-bottom: 100px;
		margin-top: 20px;
	}
	article#mission::before {
		background-position: bottom right;
		background-size: 50%;
	}
	article h2 {
		top: 0;
	}
/*トップページのコンテンツ----------------------------------------------------------------------------*/
	#mission .wrap_s {
		padding-top: 0;
	}
	#mission h2,
	#recruit h2,
	#mission h3 {
		width: 100%;
		position: relative;
	}
	#about h2,
	#business h2,
	#voice h2 {
		display: none;
	}
	article#about,
	article#business {
		background-size: cover;
	}
	article#about {
		margin-top: 100px;
	}
	#mission {
		margin-top: 0;
	}
	#mission h2,
	#recruit h2 {
		padding-left: 1em;
		padding-right: 1em;
		top: 40px;
	}
	#recruit h2 {
		top: 50px;
	}
	#mission h3 {
		width: 85%;
	}
	#about .wrap_s,
	#business .wrap_s,
	#recruit .wrap_s,
	#voice .wrap_s {
		position: relative;
		width: 100%;
		min-height: inherit;
		display: block;
	}
	#about .imgbox,
	#business .imgbox {
		position: relative;
		left: auto;
		right: auto;
		width: 100%;
		top: 0;
		bottom: auto;
	}
	#voice .box_in {
		position: relative;
		left: auto;
		right: auto;
		width: 100%;
		padding: 0;
		top: 0;
		bottom: auto;
	}
   
    .btn {
        width: 50%;
    }

	#about .box,
	#business .box,
	#recruit .wrap_s .box,
	#voice .box {
		float: none;
		width: 100%;
	}
	#about .wrap_s {
		padding-top: 100px;
		margin-bottom: 0;
	}
	#business .wrap_s {
		padding-top: 100px;
		margin-bottom: 50px;
	}
	#about .imgbox,
	#business .imgbox {
		height: 350px;
		padding-bottom: 100px;
		margin-top: 50px;
	}
	#recruit .para_wrap::before {
		border-bottom: 10vw solid #fff;  /* 好みで高さ色を変えてください */ 
		border-left: 100vw solid transparent;
	}
	#recruit .para_wrap::after {
		border-top: 10vw solid #fff;  /* 好みで高さ色を変えてください */ 
		border-right: 100vw solid transparent;
	}
	#recruit .wrap_s,
	#voice .box_in,
	#link .wrap_s,news .wrap_s {
		padding: 50px 1em 100px 1em;
	}
	#recruit .wrap_s {
		height: auto;
		margin-bottom: 50px;
		bottom: 0;
		top: -50px;
	}
	#voice {
		margin-top: 0;
		height: auto;
	}
	#voice .wrap_s {
		background: none;
		padding: 0;
		height: auto;
		margin-bottom: 0;
		top: 0;
	}
	#voice .wrap_s img {
		position: relative;
		left: 0;
		bottom: auto;
		top: 0;
		width: 100%;
		height: auto;
		    transform: scale(1.3);
	}
	#link .wrap_s {
		bottom: 0;
	}
	#link li {
		width: 100%;
	}
.voice #voice .wrap_s img {
     left: 0px; 
}
 .voice #voice .box_in {
    padding: 100px 1em 270px 1em;
}
	.voice #voice .box{
		width: 100%;
	}
/*新着情報一覧（スマホ）*/
#news .wrap_s {
    padding: 85px 20px;
}
    .news--dl{
        display: block;
    }
    .news--dl dt{
        border-bottom: none;
        width: 100%;
        margin: 0;
        padding: 15px 0 9px 0;
    }
    .news--dl dd{
        border-top: 0px ;
        width: 100%;
        margin: 0;
        padding: 0 0 10px 0;
    }
.news--list__wrap,.news--detail__wrap{
    padding-bottom:50px;
	padding-top: 40px;
}

}