/*
Theme Name: maruni-kenko
Text Domain: maruni-kenko
Version: 1.0
Description:
Text Domain: 
*/

@charset="utf-8";
/*共通---------------*/
body{
}
img{
}
h1{
	font-size: 0;
}
h2{
	margin-bottom: 0;
}
p{
	letter-spacing: 2px;
}
.title{
	text-align: center;
	margin-bottom: 3.5em;
}
.title p{
	color:#9f3487;
	font-weight: 600;
	font-size: 1.25em;
}
a:hover{
	text-decoration: none;
}
.sp{
	display: none;
}
.tb{
	display: none;
}
section:not(#mv){
	padding: 5em 0;
}
@media screen and (max-width: 960px){
.tb{
	display: inline;
}
}
@media screen and (max-width: 480px){
.sp{
	display: inline;
}
.tb{
	display: none;
}
section:not(#mv){
	padding: 2em 0;
}
h2{
	font-size: 1.5em;
}
.title{
	margin-bottom: 1.5em;
}
.title p{
	font-size: 1em;
}
}

/*page-top
------------------------------*/
#page_top{
  width: 40px;
  height: 40px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #14539e;
  z-index:9998;
}
#page_top a{
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 35px;
  height: 35px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*header--------------*/
.navbar{
	max-width: 1140px;
	margin: 0 auto;
}
#navbar ul{
	width: 70%;
	justify-content: space-between;
}

@media screen and (max-width: 520px){
h1 img{
	width: 220px;
}
}

/*mv------------------*/
.main-v{
	position: relative;
}
.c-copy{
	position: absolute;
	width: 100%;
	font-weight: bold;
	font-size: 7em;
	text-align: center;
	text-shadow: 3px 1px 5px #000;
	color: #fff;
	bottom: 40%;
}
@media screen and (max-width: 960px){
.c-copy{
	font-size: 4em;
}
}
@media screen and (max-width: 480px){
.c-copy{
	font-size: 2em;
}
}
/*事業概要------------*/
#service h3{
	margin-bottom: 2em;
	font-weight: 900;
	color: #fff;
}
.sub-t{
	font-weight:600;
	font-size:1.2em;
}
#service .kenchiku, .doboku p{
	color: #fff;
}
.kenchiku{
	background-image: url(img/tt_kenchiku.jpg);
	background-size: cover;
	margin-bottom: 1px;
}
.doboku{
	background-image: url(img/tt_doboku.jpg);
	background-size: cover;
}
.r-side{
	margin-left: 50%;
	padding-top: 8em;
	padding-bottom: 5em;
}
.l-side{
	margin-right: 50%;
	padding-top: 8em;
	padding-bottom: 5em;
}

@media screen and (max-width: 768px){
.r-side{
	margin-left: 0;
}
.l-side{
	margin-right: 0;
}
}
@media screen and (max-width: 520px){
.r-side{
	padding-top: 2em;
	padding-bottom: 0;
}
.l-side{
	padding-top: 2em;
	padding-bottom: 0;
}
#service h3{
	margin-bottom: 1em;
}
#service p{
	padding: 0 1.5em;
}
.kenchiku{
	background-position: 25%;
}
.doboku{
	background-position: 60%;
}
}

/*施工事例------------*/
#works{
	background-color: #eef1f7;
}
.card{
	background-color: #fff0;
	border: none;
}
.card-body{
	padding: 0;
}
.card-text{
	color: #000;
	margin-bottom: .5em;
}
.card-title{
	color: #000;
}
.btn{
	border-radius: 0;
}
.btn span{
	color: #fff;
}
.btn:hover{
	opacity: .8;
}
.blue{
	background-color: #14539e;
	border: solid 1px #14539e;
	padding: 1em 4em;
	margin-top: 4em;
}
.blue i{
	padding-right: 1em;
}

@media screen and (max-width: 520px){
.card-title{
	font-size: 1.5em
}
.card{
	margin-bottom: 1.5em;
}
.blue{
	margin-top: 1em;
}
}

/*求人情報------------*/
#recruit .row{
	display: block!important;
}
#recruit .col-12{
	padding: 0;
}
.rec-bn{
	position: relative;
	overflow: hidden;
}
.rec-bn:hover{
	opacity: 0.8;
}
/*.rec-bn img{
	transition:1s all;
}
.rec-bn img:hover{
	transform:scale(1.2,1.2);
	transition:1s all;
}*/
.rec-text{
	position: absolute;
	text-align: center;
	z-index: 10;
	bottom: 30%;
	width: 100%;
	color: #fff;
}
.rec-text span{
	font-weight: 700;
	font-size: 2.5em;
	letter-spacing: 0.15em;
}
.rec-text p{
	border: solid 2px;
	width: 25%;
	padding: 1em;
	margin: auto;
	margin-top: 3em;
	font-weight: 600;
}
.rec-text p::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f30b';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 35px;
	height: 35px;
	top: 4.75em;
	right: 6em;
	left: 0;
	margin: auto;
}

@media screen and (max-width: 960px){
.rec-text{
	bottom: 17%;
}
.rec-text p{
	margin-top:2em;
}
.rec-text p::before{
	display:none;
}
}
@media screen and (max-width: 520px){
#recruit .col-12{
	padding: 0 1em;
}
.rec-text{
	bottom: 15%;
	width: 92%;
}
.rec-text span{
	font-size: 1.2em;
}
.rec-text p{
	width: 45%;
	padding: 0.5em;
	margin-top: .5em;
}
.rec-text p::before{
	font-size: large;
	position: unset;
	margin-right: 5px;
}
}

/*会社案内------------*/
#company{
	background-color: #eef1f7;
}
.t-annai th{
	width: 120px;
	font-weight: 400;
	padding-bottom: 1em;
}
.t-annai td{
	padding-bottom: 1em;
}
.ggmap{
	width: 100%;
	height: 400px;
	border: solid 2px #14539e!important;
	margin: 3em 0;
}

@media screen and (max-width: 520px){
img.d-block{
	width: 200px;
}
.ggmap{
	margin: 1.5em 0;
}
}

/*aisatsu--------------
.aisatsu{
	margin: 2em 4rem;
}

@media screen and (max-width: 480px){
.aisatsu{
	margin: 0;
}
}*/
/*gaiyo----------------*/
.gaiyo th{
	width: 20%;
}
.gaiyo td{
	width: 80%;
}
.gaiyo th, .gaiyo td{
	border: solid 1px #dee2e6;
}
/*rinen----------------*/
.rinen{
	margin: 0 10rem;
}
.rinen img{
	margin: 2em 0;
}
.rinen ul{
	padding: 0;
}
.rinen ol li{
	margin-bottom: 0.5em;
}
@media screen and (max-width: 960px){
.rinen{
	margin: 0 3rem;
}
}

@media screen and (max-width: 480px){
.rinen{
	margin: 0;
}
}

/*accordion------------*/
.card-header{
	padding: 0.75rem 1.05rem!important;
}
.text-body{
	color: #fff!important;
	font-weight: 600;
	background-color: #14539e;
	border-radius: .15em;
}
.list-group-item{
	background-color: #fff0;
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: #fff;
}
/*.table td, .table th{
	border-top: none;
}*/
.p-3{
	padding: 1rem 2rem!important;
}

.accordion a.collapsed:after{
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	float: right;
}
.accordion a:after{
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	float: right;
}

@media screen and (max-width: 520px){
.gaiyo th{
	width: 35%!important;
}
.table th{
	width: 60px;
}
.text-body{
	font-size: .75em;
}
}

/*お問い合わせ---------*/
.btn-tel{
	border: solid 2px #14539e;
	padding: 1em 2em;
	margin-right: 1em;
}
.btn-tel span{
	font-size: 1.5em;
	font-weight: 500;
}
.btn-tel a{
	color: #000;
}
.btn-blue{
	background-color: #14539e;
	padding: 1.9em 2em;
	font-weight: bold;
	margin-left: 1em;
	color: #fff;
}
.btn-blue:hover {
	opacity: 0.7;
}
.btn-blue img{
	width: 50px;
	height: auto;
	margin-right: 1em;
	margin-bottom: 0.25em;
}

@media screen and (max-width: 960px){
.btn-tel{
	margin-right: 0;
}
.btn-blue{
	margin-left: 0;
}
}

@media screen and (max-width: 480px){
.btn-blue img{
	width: 30px;
}
}

/*footer---------------*/
footer{
}
.ft_inner{
	background-color: #eef1f7;
	padding-top: 3.5em;
	padding-bottom: 2.5em;
}
.ft_inner img{
	margin-bottom: 1.5em;
}
.f-nav li{
	display: inline-block;
	width: 30%;
	margin-top: 1em;
}
.copyright{
	color: #fff;
	background-color: #0f2d57;
	padding:0.5em 0;
	margin-bottom: -10%;
}
.f-nav li a{
	color: #000;
}
.f-nav li::before{
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	position: absolute;
	color: #14539e;
	font-weight: 900;
	margin-top: 0.5em;
}
.tb960-op{
	display: none;
}

@media screen and (max-width: 960px){
.tb960{
	display: none;
}
.tb960-op{
	display: inline;
}
}

@media screen and (max-width: 520px){
.ft_inner{
	padding-top: 1.5em;
	padding-bottom: 0;
}
.ft_inner img{
	width: 200px;
	margin: auto;
	margin-bottom: 1.5em;
}
.ft_inner p{
	text-align: center;
}
.ft_inner .col-right{
	display:inline;
}
}