@charset "UTF-8";
/*
Theme Name: suzuki
Template: habakiri
*/
/* ---------------------------------------------------------
common
--------------------------------------------------------- */
#content {
    margin-top: -25px;;
}

img {
    width: 100%;
    display: block;
}
 
.main {
    text-align: center;
}

#page-hedder .ph_img{
    background-image: url(https://suzukiindustry.info/wp-content/themes/suzuki/images/ph_backgroud.png);
    background-size: cover;
    padding: 15px 0px;
}

.entry__title{
	display:none;
}

.container{
    width: 80%;
}


html{
	font-size: 62.5%;
	font-size: 10px;
	font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
	line-height: 1em;
	color: #000;
}

p {
	font-size:20px;
}

body *{	-webkit-box-sizing: border-box; box-sizing: border-box;}

.middle {
    font-size: 4rem;
    font-weight: 900;
    margin: 15px 0px;
    text-align: center;
}

.estimate img{
	width:65%;
	margin: 0 auto;
	
}

/*--------------------------------------------------------------
TOP
-------------------------------------------------------------*/
.ph_text {
	font-size:50px;
	text-align:center;
	font-weight: 700;
    color: #fff;
    text-shadow: 1px 2px 3px #808080;
    padding-top: 20px;
}

.ph_tittle {
	font-size:110px;
	text-align:center;
	font-weight: 700;
    color: #fff;
    text-shadow: 1px 2px 3px #808080;
}
.ph_color{
	color:#ffff33;
}

.text-size{
	font-size:50px;
}

.ph_opacity{
	background-color:rgba(0,102,153,0.45);
	border-radius:30px;
	margin-bottom:50px;
}

/*--------------------------------------------------------------
SECTION
-------------------------------------------------------------*/
.check-title{
	background-color:#006699;
	text-align:center;
	color:#ffffff;
	padding:10px 0px;
}

.check-title p {
	display: block;
    max-width: 462px;
    margin: 0 auto;
    border-radius: 30px;
    color: #fff;
    background: #3399cc;
    font-size: 2.6rem;
}
.check-title h3 {
	font-size: 4.4rem;
    color: #fff;
}

.check-item {
	background-image:url(https://suzukiindustry.info/wp-content/themes/suzuki/images/mitumori_bk02.png);
}

.contents-background {
	background-image:url(https://suzukiindustry.info/wp-content/themes/suzuki/images/img_bk05.png);
	color:#ffffff;
	text-align:center;
	width:65%;
	margin:5px auto;
	padding:20px;
	border-radius: 30px;
}

.check-item img{
	width:700px;
	margin:0 auto;
}

.contents img{
	width:65%;
	margin:0 auto;
}
/*--------------------------------------------------------------
SECTION
-------------------------------------------------------------*/
.merit-list{
	display:flex;
	justify-content:space-between;
	
}

.merit-list a{
	width:33%;
}

.merit-list img{

	width:100%;
}

#merit-all{
	background-image:url(https://suzukiindustry.info/wp-content/themes/suzuki/images/img_bk02.png);
	padding:15px;
}

/*--------------------------------------------------------------
SECTION
-------------------------------------------------------------*/
#merit-1{
	background-color:#ccffff;
	padding-top:15px;
}
#merit-2{
	background-color:#ccffff;
	padding-top:15px;
}
#merit-3{
	background-color:#ccffff;
	padding-top:15px;
}

.contents-wapper{
	background-color:#ffffff;
	text-align:center;
	border-radius: 30px;
    border: solid;
}
.contents-wapper h4{
	font-size: 50px;
	color:#006699;
}

.merit{
	width:250px;
	height:220px;
	margin:0 auto;
}

#layout{
	margin-bottom:30px;
	margin-top:30px;
}
/*--------------------------------------------------------------
SECTION
-------------------------------------------------------------*/
#diagnosis {
	background-image:url(https://suzukiindustry.info/wp-content/themes/suzuki/images/img_merit04_.png);
	background-size:cover;
}

#diagnosis p{
	text-align:center;
	font-size:36px;
	font-weight:700;
}
#diagnosis span{
	color:#006699;
		
}

/*--------------------------------------------------------------
SECTION
-------------------------------------------------------------*/
.company {
	background-image:url(https://suzukiindustry.info/wp-content/themes/suzuki/images/ph_backgroud.png);
}

.company-box{
  position: relative;
  padding: 50px 70px;
  background-color:#eeeeee;
  border-radius:30px;
  margin:20px 0px;
}

 .cmn-section-block{
  padding: 50px 77px 80px;
  background: rgba(255,255,255,0.75);
  box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.3);
}

 .title{
  font-size: 3rem;
  font-weight: 900;
  text-align: center;
  margin-bottom: 80px;
}

 .block{
  position: relative;
  z-index: 2;
}
.company-contents{
  position: relative;
  display: flex;
  justify-content: space-between;
}
 .box{
  width: 45%;
}

 .row::after{
  content:"";
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  top:0;
  left:50%;
  background:#ccc;
  z-index: 2;
}
 .box table th{
  width: 113px;
  padding: 1em 0;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: left;
}

.company-box .box table td{
  padding: 1em 0 1em 1em;
  font-size: 1.4rem;
  line-height: 1.5;
}

.form-box .dot,
.company-box .box .dot{
  margin-bottom: 1em;
}
.form-box .dot>li,
.company-box .box .dot>li{
  position: relative;
  padding-left: 1em;
}
.form-box .dot>li::after,
.company-box .box .dot>li::after{
  content:"・";
  position: absolute;
  display: block;
  width: 1em;
  height: 1em;
  top:0;
  left:0;
}
@media screen and (max-width:1024px){
 .company-box {
    padding: 30px 0;
  }

  .company-box .cmn-section-block {
    padding: 30px;
    background: rgba(255,255,255,0.75);
    box-shadow: 0px 0px 30px -10px rgb(0 0 0 / 30%);
  }

  .company-box .title {
    font-size: 6vw;
    margin-bottom: 20px;
  }

 .company-box .row {
    display: block;
  }

 .company-box .row::after{
    display: none;
  }

  .company-box .row .box{
    display: block;
    width: 100%;
  }

 .company-box .box table th{
      width: 73px;
      padding: 0.8em 0;
      font-size: 1.1rem;
      white-space: nowrap;
    }

    .company-box .box table td{
      padding: 0.8em 0 0.8em 0.8em;
      font-size: 1.1rem;
      line-height: 1.5;
    }

}

.form-contents {
	width:65%;
	margin:0 auto;
}
/*--------------------------------------------------------------
Hedder
-------------------------------------------------------------*/
.header-box{
	display:flex;
	justify-content:space-between;
	height:80px;
	
}


.logo {
	width:250px;
	height:80px;
	padding:10px;
}
.sdgs {
	width:300px;
	height:80px;
	padding:10px;
}

.tell {
	width:250px;
	height:80px;
	padding:10px;
	margin-left:150px;
}

.formjamp {
	width:250px;
	height:80px;
	padding:10px;
}

.entry__content {
	margin:0px;
}
/*--------------------------------------------------------------
footer
-------------------------------------------------------------*/
.footer-logo {
	width:30%;
	height:80px;
}

.footer-sdgs{
	width:60%;
	height:80px;
}

.footer-box{
	display:flex;
	justify-content:space-between;
}
/*--------------------------------------------------------------
section
-------------------------------------------------------------*/
.jirei{
	width:80%;
	margin:0 auto;
	
}
.icon{
	width:125px;
	height:125px;
	margin:0 auto;
}

.merit-box{
	display:flex;
	justify-content:space-between;
	width:80%;
	margin:0 auto;
}

.mirit-box img{
	width:32%;
}

#form{
 background-color:#eeeeee;
    box-shadow: 0px 0px 30px -10px rgb(0 0 0 / 30%);
} 

/* Contact Form7 */
 
.contact7 {
	max-width: 100%;
	box-sizing: border-box;
	margin:10px;
	padding:10px;
	  position: relative;
  background-color:#ffffff;
  border-radius:30px;
  margin:20px 0px;

}
.contact7 dd {
	margin: 0 0 30px 0;

}
.contact7 dt {
	font-weight: normal;
}
 
/* 必須マーク */
.contact7 .must {
	background: #FF1A00;
}
 
/* 任意マーク */
.contact7 .optional {
	background: #999;
}
 
.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	background-color: #006699;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #006699;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #006699; 
}
@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}
 
.btn_contact7 input {
	width: 70%;
	background-color: #006699;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #006699;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
	border-radius:30px;
	height:50px;
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #006699; 
}
}

.tabel{
	margin:0 auto;
}

/*---------------------------------------------------------
全体 レスポンシブ対応
----------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1366px){
    .container{
        width: 90%;
    }
}
@media screen and (max-width: 768px) {
    .container{
        width: 95%;
}

.middle {
    font-size: 2.5rem;
}
}
/*----------------------------------------------------------
ヘッダー　レスポンシブ対応
-----------------------------------------------------------*/

@media screen and (min-width: 768px) and (max-width: 1366px){

    .sdgs{
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .formjamp {
        display:none;
    }
    .sdgs{
        display: none;
    }
    .tell{
        display: none;
    }
}


/*----------------------------------------------------------
merit03
-----------------------------------------------------------*/


@media screen and (max-width: 767px) {
    .merit-box {
        display: block;
    }
}


/*----------------------------------------------------------
company レスポンシブ対応
-----------------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 1366px){

	.box{
		width:100%;
	}
	
tabel {
	margin: 0 auto;
}


}
@media screen and (max-width: 768px){
	.company-contents {
display: block;
    }
	.box{
		width:100%;
	}
	tabel {
	margin: 0 auto;
}

}



/*------------------　----------------------------------------
form　レスポンシブ対応追加
-----------------------------------------------------------*/


@media screen and (max-width: 767px) {
    .form-contents {
        width: 100%;
}
}
/*--------------------------------------------------------------
MAIN TOP レスポンシブ対応
-------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1366px){
.ph_text {
	font-size:40px;
	
}

.ph_tittle {
	font-size:90px;
	
}

.text-size{
	font-size:40px;
}
}
@media screen and (max-width: 767px) {
  .ph_text {
	font-size:30px;
	  }
	.ph_tittle {
	font-size:60px;
}
	.text-size{
	font-size:35x;
}
}

/*--------------------------------------------------------------
SNS追加
-------------------------------------------------------------*/
.snsbox {
	display:flex;
	align-items: center;
  justify-content: center;
}
.snslinks{
	width:100px;
	margin:10px;
}