@charset "utf-8";

/* CSS Document */

/* @font-face { font-family: 'FOT-AnitoStd-M'; src: url(./FOT-AnitoStd-M.otf); } */

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body {	
	color:#000000;
	font-size:16px;
	margin:0;
	height:100%;
	position:relative;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	overflow-x:hidden;
}

@media screen and (max-width: 750px) {
    body {	
        font-size:24px;
    }
}

.ipad #primary, .safari #primary {
	width: 1200px !important;
	max-width: 1200px !important;
	overflow: hidden !important;
}

@media screen and (max-width: 750px) {
	#primary, .safari #primary, .ios #primary {
		width: 750px !important;
		max-width: 750px !important;
		overflow: hidden;
	}
}

a:link {color:#cf3434; text-decoration:underline;}
a:visited {color:#cf3434; text-decoration:underline;}
a:hover {color:#e59c0e; text-decoration:underline;}

img {
    width: 100%;
    height: auto;
	border:0;
	vertical-align: bottom;
}

p {
    margin-top: 0;
}

/*------------------------------------------------------------------------------------------------------------------
　preparation
-------------------------------------------------------------------------------------------------------------------*/

#lineup-font-size-sampler { display:none; }

div:after, section:after, article:after, ul:after {
    content: "";
    display: block;
    clear: both;
}

.link a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

/*------------------------------------------------------------------------------------------------------------------
　expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }

.under { margin-bottom:30px !important; }
.under-db { margin-bottom:60px !important; }
.under-harf { margin-bottom:15px !important; }

.right { float:right; margin-left:30px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:30px; margin-bottom:15px; margin-top:5px;}

.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }

.first { padding-top:0 !important; margin-top:0 !important; }
.last { padding-bottom:0 !important; margin-bottom:0 !important; }

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

/* 画像のぼやけ対策 */
.rendering {
	backface-visibility: hidden;
	filter: blur(0);
	image-rendering: -webkit-optimize-contrast;
}

.txt-id { display: inline-block; }
.pc { display: block; }

@media screen and (max-width: 750px) {
    .pc { display: none; }
}


/*------------------------------------------------------------------------------------------------------------------
　primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	min-width:750px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media screen and (max-width: 750px) {
	#primary {
		width: 750px;
		min-width: 750px;
		overflow: hidden;
	}
}

.inner {
	width:100%;
	max-width: 1000px;
	margin-left:auto;
	margin-right:auto;
	transition:0.3s;
	box-sizing:border-box;
    position: relative;
}


/* 導入部分 */
#home-inspection {
    margin-bottom: 60px;
}

#home-inspection #block1 {
    width: 100%;
    padding: 48px;
    box-sizing: border-box;
    background-color: #f2f9f5;
}

#home-inspection #block2 {
    width: 100%;
    padding: 48px;
    box-sizing: border-box;
    background-color: #e6e0db;
}
#home-inspection #block2 .desc {
    width: 100%;
    padding: 24px 24px 12px;
    margin: 36px 0;
    font-size: 150%;
    box-sizing: border-box;
    background-color: #fff;
}
@media screen and (max-width: 750px) {
    #home-inspection #block2 .desc {
        font-size: 125%;
    }
}
#home-inspection #block2 .desc .note {
    font-size: 75%;
}
#home-inspection #block2 .desc .note span {
    display: inline-block;
}

#home-inspection #block3 {
    width: 100%;
    min-height: 365px;
    padding: 36px;
    box-sizing: border-box;
    background: url("../image/house-bg.png") no-repeat center bottom;
    text-align: center;
}

#home-inspection #block3 .logo {
    display: block;
    width: 300px;
    margin: 0 auto 24px;
}

#home-inspection #block3 .btn {
    display: block;
    width: 300px;
    padding: .5em 0;
    margin: 0 auto;
    color: #fff;
    background-color: #eb6100;
    border-radius: 100vh;
    text-decoration: none;
    font-size: 125%;
    font-weight: bold;
}
@media screen and (max-width:750px) {
    #home-inspection #block3 .btn {
        width: 360px;
    }
}
#home-inspection #block3 .btn:hover {
    color: #fff;
    background: #f56500;
}


/* フォーム部分 */

#contact-primary {
    margin-bottom: 84px;
}
@media screen and (max-width:1080px) {
    #contact-primary {
        width: 100%;
        padding: 0 36px;
        box-sizing: border-box;
    }
}

#contact-primary .section-title {
    text-align: center;
}

#contact-primary h2 {
    width: 100%;
    padding: .5em 1em;
    box-sizing: border-box;
    background-color: #2F7ACD;
    color: #fff;
    font-size: 175%;
    line-height: 1.2;
    text-align: center;
}

#contact-primary .cartion {
    width: 100%;
    max-width: 600px;
	background-color: #ffffff;
	border: 1px solid #2F7ACD;
	box-sizing: border-box;
	border-radius: .5em;
    padding: 1.5em;
	margin: 0 auto 30px;
	text-align: left;
	color: #2F7ACD;
}
#contact-primary .cartion strong {
	display: block;
	text-align: center;
	margin-bottom: 10px;
	font-size: 125%;
}
#contact-primary .cartion p {
	margin: 0;
	padding: 0;
}
@media screen and (max-width:750px) {
    #contact-primary .cartion {
        max-width: 100%;
    }
}

#mailform-layout h3 {
    margin-top: 48px;
    padding-bottom: 1em;
    border-bottom: 1px dotted #ccc;
}

#chirashi,
#website,
#company-name,
#phone-number, 
#email-address {
    padding-top: .5em;
}