@charset "UTF-8";

/*===============================================
PC用　画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){

div.about ul, div.after, .fAQbox {
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
div.sloganarea {
	margin: 0px 0px 30px 0px;
	text-align: center;
}
div.sloganarea h1 {
	font-size: 140%;
	font-weight: 600;
	margin: 0px 0px 30px 0px;
	text-align: center;
}
div.about {
	width: 100%;
	border-top: 1px solid #d1dad8;
	margin: 0px;
}
div.about ul {
	width: 100%;
	font-size: 0;
	text-align: left;
	margin: 40px 0px 0px 0px;
}
div.about li {
	font-size: 12px;
	width: 46%;
	margin-right:4%;
	float:left;
	letter-spacing: 0em;
	color: #999999;
	text-align: left;
}
div.about li:last-child {
	width: 50%;
	margin-right:0%;
}
div.about li header {
	font-size: 18px;
	text-align: left;
	color: #333;
	font-weight: 600;
	margin-bottom:10px;
}
div.about li img {
	float:left;
	margin-right:10px;
}

div.after {
	width: 100%;
}

/*__SH工法__*/
.shbox {
	margin-top: 5rem;
	overflow:hidden;
}
.shbox dl {
                                height: auto;
                                display: flex;
                                margin-bottom: 10px;
}
.shbox dt {
	width:40%;
                                margin-right: 2rem;
}
.shbox dd {
                                width: 60%;
                                padding: 0;
}
.shbox h4 {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 2rem;
}
.shbox div.shimg {
	width:100%;
}
.shikumi {
	background-color: #f3f5f7;
	margin-top: 6rem;
	padding: 1.5rem 0;
}
.shikumi h3.copy {
                                width: 90%;
	font-size: 1.4rem;
	color: #87ceeb;
	text-align: justify;
}
.shikumi h3.title {
	font-size: 1.4rem;
	text-align:center;
	margin-top: 1.5rem;
}
.shikumi div.data {
	margin: 2rem 3rem 2rem 3rem;
	padding: 2rem;
	overflow:hidden;
	background-color: #fff;
	box-sizing:border-box;
                                box-shadow: 1px 1px 4px #999;
                                border-radius: 10px;
	text-align:center;
}
h4.shikumiTitle {
	font-size: 1.4rem;
	text-align:center;
	letter-spacing: 0.1rem;
}
h4.shikumiTitle br {
                                display: none;
}
.shCM {
	background-color: #111;
	padding: 3rem 0;
	display: block;
}
.shCM h3 {
	color: #fff;
}
.shCM iframe{
                                top:0;
                                right:0;
                                width:90%;
                                height:400px;
	margin-top: 1.5rem;
}
.shbtn{
	margin: 2.5rem 0px 0px 0px;
	text-align:center;
	font-size: 1.2rem;
	font-weight: 600;
}


/*よくある質問*/
.fAQbox {
	width:100%;
	margin-top: 2rem;
	overflow:hidden;
}
.fAQbox dl{
                                width:100%;
                                line-height:1.8em;
                                overflow: hidden;
                                _zoom: 1;
}
.fAQbox h4.Question{
	font-size: 1.4rem;
	font-weight: 600;
	margin-top: 1.5rem;
	border: none;
}

.fAQbox dl dd span{
	font-size: 1.4rem;
	font-weight: 600;
	display: block;
	text-align:left;
}
.fAQbox dl dd p{
}

.fAQbox dl dd:first-letter,
.fAQbox dl dt:first-letter{
                                font-size: 2rem;
                                font-weight: 600;
                                margin-right:10px;
                                padding:5px;
                                font-family: 'Nunito', sans-serif;
}
.fAQbox dl dd{
                                margin: 20px 0 -1px 0;
                                padding-bottom:15px;
                                border-bottom: 1px #000 dotted;
}
.fAQbox dl dt:first-letter{
                                color: #0F78E1;
}
.fAQbox dl dd:first-letter{
                                color: #ff6767;
}

/*SHレポート*/
.report_box {
	width:100%;
	margin-top: 6rem;
	overflow:hidden;
}
.report_box div.title {
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
}
.report_box dl {
	font-size: 0.9rem;
	font-weight: 300;
}
.report_box dt.txt_incho {
	margin-top: 2em;
	display: block;
	color: #ff6347;
}
.report_box dt.txt_terashima {
	margin-top: 2em;
	display: block;
	color: #1e90ff;
}
}



/*===============================================
タブレット用　画面の横幅が768pxまで
===============================================*/
@media screen and (min-width:641px) and (max-width:768px){
div.about ul, div.after, div.about li {
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}


div.sloganarea {
	margin: 0px 0px 10px 0px;
	text-align: center;
}
div.sloganarea h1 {
	font-size: 140%;
	font-weight: 600;
	margin: 0px 0px 30px 0px;
	text-align: center;
}
div.about {
	width: 100%;
	margin: 0px;
}
div.about ul {
	width: 100%;
	font-size: 0;
	text-align: left;
}
div.about li {
	font-size: 12px;
	width: 100%;
	etter-spacing: 0em;
	color: #999999;
	text-align: left;
	margin-bottom:30px;
}
div.about li header {
	font-size: 16px;
	text-align: left;
	color: #333;
	font-weight: 600;
	margin-bottom:10px;
}
div.about li img {
	width: 30%;
	float:left;
	margin-right:10px;
}
div.after {
	width: 100%;
}

/*__SH工法__*/
.shbox {
	margin-top: 5rem;
	overflow:hidden;
}
.shbox dl {
                                height: auto;
                                display: flex;
                                margin-bottom: 10px;
}
.shbox dt {
	width:40%;
                                margin-right: 2rem;
}
.shbox dd {
                                width: 60%;
                                padding: 0;
}
.shbox h4 {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 2rem;
}
.shbox div.shimg {
	width:100%;
}
.shikumi {
	background-color: #f3f5f7;
	margin-top: 6rem;
	padding: 1.5rem 0;
}
.shikumi h3.copy {
                                width: 90%;
	font-size: 1.4rem;
	color: #87ceeb;
	text-align: justify;
}
.shikumi h3.title {
	font-size: 1.4rem;
	text-align:center;
	margin-top: 1.5rem;
}
.shikumi div.data {
	margin: 2rem 3rem 2rem 3rem;
	padding: 2rem;
	overflow:hidden;
	background-color: #fff;
	box-sizing:border-box;
                                box-shadow: 1px 1px 4px #999;
                                border-radius: 10px;
	text-align:center;
}
h4.shikumiTitle {
	font-size: 1.4rem;
	text-align:center;
	letter-spacing: 0.1rem;
}
h4.shikumiTitle br {
                                display: none;
}
.shCM {
	background-color: #111;
	padding: 3rem 0;
	display: block;
}
.shCM h3 {
	color: #fff;
}
.shCM iframe{
                                top:0;
                                right:0;
                                width:90%;
                                height:400px;
	margin-top: 1.5rem;
}
.shbtn{
	margin: 2.5rem 0px 0px 0px;
	text-align:center;
	font-size: 1.2rem;
	font-weight: 600;
}







/*SHレポート*/
.report_box {
	width:100%;
	margin-top: 6rem;
	overflow:hidden;
}
.report_box div.title {
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
}
.report_box dl {
	font-size: 0.9rem;
	font-weight: 300;
}
.report_box dt.txt_incho {
	margin-top: 2em;
	display: block;
	color: #ff6347;
}
.report_box dt.txt_terashima {
	margin-top: 2em;
	display: block;
	color: #1e90ff;
}

/*よくある質問*/
.fAQbox {
	margin: 0;
}
.fAQbox dl{
     width:100%;
     line-height:1.8em;
     overflow: hidden;
     _zoom: 1;
     margin-top:100px;
}

.fAQbox dl dd, .fAQbox dl dt{
     width:90%;
     padding: 0px 0px 0px 10%;
}
.fAQbox dl dd span.q,
.fAQbox dl dt span.q{
	font-size: 120%;
	font-weight: 500;
     text-indent: -2.7em;
	display: block;
     margin-bottom:20px;
}

.fAQbox dl dt{
     margin:0;
}

.fAQbox dl dd:first-letter,
.fAQbox dl dt:first-letter{
     font-size: 140%;
	font-weight: 600;
     margin-right:10px;
     padding:5px;
     font-family: 'Nunito', sans-serif;
}
.fAQbox dl dd{
     margin: 20px 0 -1px 0;
     padding-bottom:15px;
     border-bottom: 1px #000 dotted;
}
.fAQbox dl dt:first-letter{
     color: #0F78E1;
}
.fAQbox dl dd:first-letter{
     color: #ff6767;
}

}



/*===============================================
スマホ用　画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

/*__SH工法__*/
.shbox {
	margin-top: 4rem;
	overflow:hidden;
}
.shbox h4 {
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
.shbox div.shimg {
	width:90%;
	margin: auto;
}

.shikumi {
	background-color: #f3f5f7;
	margin-top: 4rem;
	padding: 1rem 0;
}
.shikumi h3.copy {
	font-size: 1.2rem;
	color: #87ceeb;
	text-align: justify;
}
.shikumi h3.title {
	font-size: 1.2rem;
	text-align:center;
}
.shikumi div.data {
	margin: 1rem;
	padding-bottom: 1rem;
	overflow:hidden;
	background-color: #fff;
	box-sizing:border-box;
                                box-shadow: 1px 1px 4px #999;
                                border-radius: 10px;
	text-align:center;
}
h4.shikumiTitle {
	font-size: 1rem;
	font-weight: 600;
	text-align:center;
	margin-top: 2rem;
	margin-bottom: 2rem;
	letter-spacing: 0.1rem;
}
.shCM {
	background-color: #111;
	margin-top: 1.5rem;
	padding: 1.5rem 0;
}
.shCM h3 {
	color: #fff;
}
.shCM iframe{
                                top:0;
                                right:0;
                                width:100%;
                                height:100%;
	margin-top: 1.5rem;
}
.shbtn{
	margin: 1rem 0px 0px 0px;
	text-align:center;
}










div.about ul, div.after, div.about li {
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}


div.sloganarea {
	margin: 0px 0px 10px 0px;
	text-align: center;
}
div.sloganarea h1 {
	font-size: 140%;
	font-weight: 600;
	margin: 0px 0px 30px 0px;
	text-align: center;
}
div.about {
	width: 100%;
	margin: 0px;
}
div.about ul {
	width: 100%;
	font-size: 0;
	text-align: left;
}
div.about li {
	font-size: 12px;
	width: 100%;
	etter-spacing: 0em;
	color: #999999;
	text-align: left;
	margin-bottom:30px;
}
div.about li header {
	font-size: 16px;
	text-align: left;
	color: #333;
	font-weight: 600;
	margin-bottom:10px;
}
div.about li img {
	width: 30%;
	float:left;
	margin-right:10px;
}
div.after {
	width: 100%;
}



/*よくある質問*/
.fAQbox {
	margin: 0;
}
.fAQbox dl{
     width:100%;
     line-height:1.8em;
     overflow: hidden;
     _zoom: 1;
     margin-top:100px;
}

.fAQbox dl dd, .fAQbox dl dt{
     width:90%;
     padding: 0px 0px 0px 10%;
}
.fAQbox dl dd span.q,
.fAQbox dl dt span.q{
	font-size: 120%;
	font-weight: 500;
     text-indent: -2.7em;
	display: block;
     margin-bottom:20px;
     /*margin-left:-50px;*/
}

.fAQbox dl dt{
     margin:0;
}

.fAQbox dl dd:first-letter,
.fAQbox dl dt:first-letter{
     font-size: 140%;
	font-weight: 600;
     margin-right:10px;
     padding:5px;
     font-family: 'Nunito', sans-serif;
}
.fAQbox dl dd{
     margin: 20px 0 -1px 0;
     padding-bottom:15px;
     border-bottom: 1px #000 dotted;
}
.fAQbox dl dt:first-letter{
     color: #0F78E1;
}
.fAQbox dl dd:first-letter{
     color: #ff6767;
}

/*SHレポート*/
.report_box {
	width:100%;
	margin-top: 6rem;
	overflow:hidden;
}
.report_box div.title {
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
}
.report_box dl {
	font-size: 0.9rem;
	font-weight: 300;
}
.report_box dt.txt_incho {
	margin-top: 2em;
	display: block;
	color: #ff6347;
}
.report_box dt.txt_terashima {
	margin-top: 2em;
	display: block;
	color: #1e90ff;
}
}