@charset "UTF-8";
/* CSS Document */
@import url("normalize.min.css") screen and (min-width:768px);
@import url("common-pc.css?v=230703") screen and (min-width:768px);
@import url("common-sp.css?v=230703") screen and (max-width:767px);
/*body {
	background:url(../img/bg.png) #fbfbfb;
}*/
a {
	color:#333;
	text-decoration:none;
	cursor:pointer;
}
a:hover,
a:active {
	color:#666;
	text-decoration:underline;
}
a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}
img {
	border:0;
	vertical-align:middle;
/*	max-width:100%;*/
	height:auto;
}
ul, li, dl, dt, dd, p {
	margin:0;
	padding:0;
}

dl	{list-style-type: none;}
em,i {
	font-style:normal;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
	}
.clearfix:after {
	clear: both;
	}
.clearfix {*zoom:1;}

i.fa[class$="right"],
i.fa[class*="external"],
i.fa-map-marker {
	margin-left:5px;
}
i.fa[class$="left"] {
	margin-right:5px;
}
#sec1,
#sec2,
#sec3,
#sec4,
#sec5 {
	position:relative;
}
#sec1:after,
#sec2:after,
#sec3:after,
#sec4:after,
#sec5:after,
.leadtext:after {
	content: "";
	border: 16px solid transparent;
	position: absolute;
	right: 50%;
	bottom: -32px;
	margin-right:-16px;
	z-index:5;
}
.leadtext:after {
	border-top: 16px solid #ff9100;
}
#sec1:after {
	border-top: 16px solid #fff;
}
#sec2:after {
	border-top: 16px solid #0cc0f7;
}
#sec3:after {
	border-top: 16px solid #ffe354;
}
#sec4:after {
	border-top: 16px solid #33cc69;
}
#sec5:after {
	border-top: 16px solid #ff8693;
}

#sec2 {
	background-color:#0cc0f7;
}
#sec3 {
	background-color:#ffe354;
}
#sec4 {
	background-color:#33cc69;
}
#sec5 {
	background-color:#ff8693;
}
#sec7 {
	background-color:#fffbef;
}

#sec2 h2,
#sec4 h2,
#sec5 h2,
#sec2 p,
#sec4 p,
#sec5 p {
	color:#fff;
}
#sec2 h3 {
	color:#fff;
	background-color:#4d4d4d;
	border-radius:1em;
	margin-bottom:20px;
	line-height:2;
}
#sec3 h2 + p {
	color:#963f12;
}
#sec6 h4 {
	background-color:#ffe354;
	border-radius:1em;
	margin-bottom:20px;
	line-height:2;
}
#sec6 .sectionbox img {
	max-width: 100%;
}
.boxstyle {
	background-color:#fff;
	border:1px dotted #333;
	padding:1.5em;
}
footer {
	background-color:#2a2a2a;
}
footer a {
	color:#fff;
}
footer a:hover {
	color:rgba(211,211,211,1.00);
}


.tel {
	border: 1px solid #ff9100;
	border-radius: 8px;
	overflow: hidden;
}
.tel dt {
	align-items: center;
	background-color: #ff9100;
	color: #FFF;
	display: flex;
	justify-content: center;
}
.tel dd a {
	align-items: center;
	display: flex;
	justify-content: center;
}


.form-box {
	background-color: #FFF;
	border: 1px solid #ff9100;
	border-radius: 8px;
	box-sizing: border-box;
}

.form-table-row th {
    color: #3c3c3c;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}
.form-table-data {
	text-align: left;
}
#contact-form hr {
    border-color: #ccc;
    border-style: none none dotted;
    border-width: medium medium 1px;
    height: 0;
}
.must {
    background-color: #FF6300;
    color: #fff;
    display: block;
    float: left;
    font-size: 10px;
    font-weight: 400;
    height: 15px;
    line-height: 15px;
    margin: 2px 4px 0 0;
    padding: 1px 2px;
    position: relative;
    text-align: center;
    width: 25px;
}
.notmust {
    background-color: #aaa;
    color: #fff;
    display: block;
    float: left;
    font-size: 10px;
    font-weight: 400;
    height: 15px;
    line-height: 15px;
    margin: 2px 4px 0 0;
    padding: 1px 2px;
    position: relative;
    text-align: center;
    width: 25px;
}

#contact-form form input[type="submit"] {
    background-color: #FF6300;
    border: 2px solid #FF6300;
    border-radius: 4px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    line-height: 45px;
    overflow: hidden;
    padding: 0 44px;
    position: relative;
    text-align: center;
    text-shadow: 0 0 1px #AAA;
    -webkit-appearance: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#contact-form form input[type="submit"]:hover {
    background-color: #FFAC3C;
    border: 2px solid #FFAC3C;
    text-decoration: none;
}
#contact-form form input[name="submitBack"] {
    background-color: #AAA;
    border: 2px solid #AAA;
    border-radius: 4px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    line-height: 45px;
    overflow: hidden;
    padding: 0 44px;
    position: relative;
    text-align: center;
    text-shadow: 0 0 1px #AAA;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#contact-form form input[name="submitBack"]:hover {
    background-color: #FFF;
    border: 2px solid #AAA;
    color: #888;
    text-decoration: none;
}

.gBody {
	background:url(../img/bg.png) #fbfbfb;
}
.gHeader_title_img img{
	max-width: auto;
}
.table_01 textarea, select, input[type="text"] {
	width: fit-content;
}
.p-carportlp .table_01 textarea, select, input[type="text"] {
	width: fit-content;
}
.p-carportlp textarea,[type="text"] {
	background-color: #fff;
}
.form-name-row input {
	width: 346px;
}
@media screen and (max-width: 999px) {
	.gNav_list > li > a {
		font-size: 14px;
	}
}
@media screen and (max-width: 767px) {
	.form-name-row input {
		width: 100%;
	}
	.p-carportlp textarea, [type="email"] {
		background-color: #fff;
	}
	
}